First Codesketch! This was really random. Just messed around with some CSS effects and arrays in javascript.
It's October and Halloween is where it's at. I've started brainstorming my storyboard for an interactive story idea inspired by The Addams Family and ravens and other October-y things. It will feature sparse artwork, which I'm hoping to use as transition links and animations.
This is a mockup for the room we were brainstorming. I was thinking about spaceships, apparently. All spaceships should have at least one disco ball.
This is a quick, fun code ditty I put together using the gists for event listeners and positioning elements on the screen. I think next week I may come back to it and add some other elements to make it more complicated, like a car that you can move around with your arrow keys. I'm interested in learning more about coding for games. I'm pretty happy with this sketch, and excited to incorporate event listeners into my other projects (like the one I mentioned in my last entry—that will be happening soon).
I'm archiving the October project for now to start on an octopus story for the kindergardeners. I'm going to begin by reading the book The Soul of An Octopus and then write a story through Twine, a new story-writing program I was just introduced to. The Octopus will be named Umbra and it will be devious. I'm planning for the user to decide what the octopus should do out of the variety of options in the ocean. The good stuff will be philosophical: What does it mean to be an octopus?
I've officially started writing the octopus story on Twine! I've decided to incorporate javacript by using some sort of passcode to protect the ending of the story. The user will need to collect clues from the rest of story in order to progress to the end.
Twine is an interesting tool to use because of the way it allows you to visualise your project in linear (or not-so-linear) form... There is a downside in that it takes some time to figure out how CSS and java are used in twine. I'm not satisfied yet with the style of my story because it's taking some time to figure out how to manipulate the program.
Now that I've laid out the storyline, I plan to learn more about CSS and java in twine and incorporate it into my story. I also plan to develop the plot and add images (I haven't decided whether to draw those or use images from the web).
Today in class we worked on writing a program that would count from 1 to 100 but and replace some of the numbers with the words "fizz," "buzz," and "fizzbuzz." OUr logic looked like this:
red-blue codesketchThis week I experimented with javascript functions. I decided I wanted the color of my screen to change based on the position of the mouse; this required an event listener for "mousemove" which logged the x coordinate of the mouse. Utimately, I want this number to be part of an rgb value so that the background color can constantly change. For now, though, I decided to use an if statement. If the x value of the mouse is greater than a certain number, the screen turns blue, and the inner text of the divs changes.
Codesketches update! link to fizzbuzz on scratch I've linked to the fizzbuzz scratch project I mentioned last month, but I'll embed it here to because I just learned how to do that.
I've also updated the Redblue codesketch from last month to include a function. Hooray! red-blue update Should I call it red-blue-green now? Haha. This update was harder than it looks because I ended up making an aditional div which changed color along with the rest of the background. If statements are wild.
Here's yet another codesketch! This one experiments with arrays, like the "spins" one I did at the beginning of the year. It was also a foray into random color generators.Click here! THE PROJECT IS UP. I'm super happy with it. (though I'm worried the puzzles are too hard... I'm going to post answers on here soon.) Because I wanted some local files to be background images, I had to export it from twine and then go in with sublime text and mess with some things. This version is kind of rough, so I may update it at some point.
Swarming divs In honor of Loona's upcoming comeback (STAN LOONA YOU COWARDS) I dedicated this week's project to them. I used a function to make a bunch of divs and an array to assign them all different background images. Math.random was a super useful tool for randomizing numbers like height, position, and rotation. Because this is a magic trick, clicking on the button changes its style so that it covers the entire page, making the divs "disappear". This was kind of a lame solution, so in the future I want to go back in and do the same thing in a better way. One way to do that might be to remove the class of the divs.
The "Eating animals" codesketch appears to have three divs with text and four with images. One of the image divs (the plate) has javascript which changes its background image on click. The two circle divs on the sides are probably linked to an if statement, ie if div1 = steak then div2 backgroud image = cow and div3 background image = cow.
I need to catch up on some work, so here's some coding gift ideas:
Against my better judgement I have made a Valentine's day card for Natalie. We were both going to use knives but that was vetoed so now there are ducks. I reused a lot of the code from my swarming divs codesketch. Card
Everyone is playing Umbra. I'm not sure why but I'm happy people like it. I've been working on an update with new storylines! This week, I'm trying to think of new project ideas for second semester. Here's a list:
Brainstorm: what things do I like to make stuff about?
Today I pushed an Umbra explanation that talks about the code and puzzles and stuff. Still thinking about my project. Details to come. I've done some work on Umbra—added new storylines– but I'm not sure I'll push it because I like it the way it is. Natalie and I could do a story collab (I would write, she would draw).
It has been... a sizeable amount of time since I last updated this. *hides*
In all seriousness though, I'll try to do better with keeping my journal up to date.
This week--I'm back with a Mother's Day card! I'm really happy with how this one turned out. I borrowed from the code I used in the codesketch where I created a bunch of divs and made them move around randomly. In this codesketch, the movement is in one specific direction, and it's linked to an event listener so that the user can click to generate new divs and make them move.
I also figured out how to embed audio in html. HUZZAH. It was suprisingly easy.
Why the heck is it June like for real. Today I solved a project Euler problem> and it took me forever so I'm pushing it as a project sort of. I had to use arrays, math in javascript (mod and then adding stuff together), and an if statement. It was fun to solve... but if this is only problem two I'm even worse at this than I thought.