Kaip kurti puslapius

Iš wiki.angis.net.
Jump to navigation Jump to search


Angis.lrt.lt sukurtos Python programos paverčiamos į Javascript ir WebGL, todėl veikia visose moderniose naršyklėse - kompiuteriuose, telefonuose ir kitur.

Taigi, šioje platformoje sukurta programa automatiškai tampa internetine (online) programa. Čia patogu įsikelti savo norimas nuotraukas ar paveiksliukus, komponuoti (net animuoti!), pridėti tekstų, interaktyvumo, muzikos. Visa tai pavirsta online programa... taigi, gali susikurti savo asmeninį puslapį.

Kaip susikurti puslapį, ir kaip jį paskelbti internete kad būtų pasiekiamas visam pasauliui - sužinosi, išmokęs programuoti Angimi. Žiūrėk video serijas!


Daugiau interaktyvių puslapių paruoštukų rasi šiame puslapyje netrukus. Nepamiršk užeiti po kelių savaičių!

Paruoštukai

Interaktyvus projektinis darbas

Ši programa demonstruoja, kaip susikurti paveiksliukų rodymo programą, kur spaudinėjant ikonas, rodomi paveiksliukai.

Tokia programėlė dažnai naudojama interaktyviems projektiniams darbams kurti.

Interaktyvaus projektinio darbo pavyzdys, parašytas su Python programavimo kalba Angies platformoje. Spaudžiant ikonas dešinėje pusėje, rodomi atitinkami paveiksliukai.
reikalinga angis
reikalingas žaidimas

angis.naudosiuFailus(['pav/pvz/pompeja/fonas.jpg', 
                      'pav/pvz/pompeja/portretas.jpg', 'pav/pvz/pompeja/portretas_mazas.jpg', 
                      'pav/pvz/pompeja/gatve.jpg', 'pav/pvz/pompeja/gatve_maza.jpg'])

scena = žaidimas.Scena(plotis = 1280, aukštis = 720)
scena.fonas('pav/pvz/pompeja/fonas.jpg')

t1 = žaidimas.Tekstas('Sveiki!')
t1.atsirask(10, 10)
t1.dydis(40)
t1.spalva(0xFFFFFF)

t2 = žaidimas.Tekstas('Čia mano interaktyvus projektinis darbas apie Pompėją')
t2.atsirask(500, 650)
t2.dydis(30)
t2.spalva(0xDDDDDD)

portretoIkonėlė = žaidimas.Daiktas('pav/pvz/pompeja/portretas_mazas.jpg')
portretoIkonėlė.atsirask(1050, 30)

gatvėsIkonėlė = žaidimas.Daiktas('pav/pvz/pompeja/gatve_maza.jpg')
gatvėsIkonėlė.atsirask(1050, 300)

portretas = žaidimas.Daiktas('pav/pvz/pompeja/portretas.jpg')
portretas.nustatykKliūtį(0,0,0,0)

gatvė = žaidimas.Daiktas('pav/pvz/pompeja/gatve.jpg')
gatvė.nustatykKliūtį(0,0,0,0)

komanda paslėpkUžrašus():
    portretoIkonėlė.pasislėpk()
    gatvėsIkonėlė.pasislėpk()
    t1.pasislėpk()
    t2.pasislėpk()

komanda parodykUžrašus():
    portretoIkonėlė.atsirask()
    gatvėsIkonėlė.atsirask()
    t1.atsirask()
    t2.atsirask()

komanda parodykPortretą(x, y):
    paslėpkUžrašus()
    portretas.atsirask(0, 0)

komanda paslėpkPortretą(x, y):
    parodykUžrašus()
    portretas.pasislėpk()

komanda parodykGatvę(x, y):
    paslėpkUžrašus()
    gatvė.atsirask(x=100, y=50)

komanda paslėpkGatvę(x, y):
    parodykUžrašus()
    gatvė.pasislėpk()

portretoIkonėlė.pelęPaspaudus(parodykPortretą)
portretas.pelęPaspaudus(paslėpkPortretą)

gatvėsIkonėlė.pelęPaspaudus(parodykGatvę)
gatvė.pelęPaspaudus(paslėpkGatvę)

Svarbu! Nepamiršk įsikelti savo paveiksliukus per failų tvarkyklę (aprašymas - čia), ir atitinkamai pakeisti paveiksliukų failų pavadinimus angis.naudosiuFailus() ir Daiktas() eilutėse.

Jeigu norėsi naudotis šiuo paruoštuku, tai tavo paveiksliukų dydžiai turi būti apytiksliai tokie:

  • fonas: 1280 x 720
  • ikonų paveiksliukai: 200 x 200
  • didieji paveiksliukai: apie 1280 x 720