WWW
2022 Aug 17th
_ _ _ _ __ ___ ___ ___(_) |_(_) ___ ___ | '_ \ / _ \/ _ \ / __| | __| |/ _ \/ __| | | | | __/ (_) | (__| | |_| | __/\__ \ |_| |_|\___|\___/ \___|_|\__|_|\___||___/
What's Neocities?
- Neocities is a neat website in which you can build your own website using HTML, CSS, and other things! It's super bare-bones, but the possibilities are endless. Think late '90s/early 2000s-type website design. Think of the Space Jam website. Tacky, but cool.
- Unless you need more than 1 GB of memory, neocities is completely free. You just need an email to sign up with, and a password to remember. If you don't already have an email, we making your own instead of using one that belongs to a parent/guardian/not you.
- Share the URL to your new site with your HIVElords!!
- NOTE: If you think you may forget your password, please let the HIVElords know. We will keep it stored and safe for you just in case.
So, what are we making?
- You will be making your own online portfolio. Don't scream— it will be fun.
-
MINIMUM REQUIREMENTS:
-a home page -an about/bio page -an art page
- At the very least, make these. Otherwise, the world is your one gigabyte oyster.
....but I don't know how to code!
- I said no screaming. Don't worry, here are some cool and fun and easy-to-follow tutorials/resources to help you get started:
- Neocities has very helpful tutorials on how to get started with HTML and CSS.
- Absolute beginner's guide to Neocities. A step-by-step-guide on how to start from square one.
- Web Design for Kids: CSS. CSS is how you make your website pretty, so this is important.
Examples:
- Noah/Noelle (HIVE HS)
- Emmanuelle (HIVE studio assistant)
PICO-8 Character Design
Mar 23–May 4 2022
- HIVE’s PICO-8 videos - watch first one to get on your PICO-8 feet, the rest if you want to jumpstart your coding skillz for a future HIVE project on your own time
- Intro to music in PICO-8 - there is a video at top and a bunch of notes and overviews in the unfurlable section headings underneath
- PICO-8 in the browser - tinker with PICO-8 code right in your browser! Works on Windows, MacOS, Chromebook——even iOS and Android——but external keyboard is necessary if you're connecting from a phone or tablet!
-- flipbookery -- by @mrhoatzin & students dude={ frames={0,2,4,8,10,10,10,10,10,8,6,4,0}, sfx={[3]=1}, w=2, h=2, x=63, y=63, scale=4 } function _draw() cls(13) local frame=flipbook(dude.frames, dude.sfx) sspr(frame%16*8,frame\16*8, dude.w*8,dude.h*8, dude.x-dude.scale*4*dude.w,dude.y-dude.scale*4*dude.h, dude.scale*8*dude.w, dude.scale*8*dude.h ) end fr=10 function flipbook(a,b) local index=flr((t()*fr)%#a+1) --print(index,10,10,8) if b and b[index] and stat(46)~=b[index] then sfx(b[index],0) end return a[index] end
Things to try:
- in the prompt type load #wobblepaint
- ctrl+8 to set animated gif starting point, ctrl+9 to save out the animated gif