My first web game v.PHP yah!
And below are my php codes.
Category Archives: Blog
All my recent posts.
Ani_StopMotion Storyboard_Butter.
Butter Ani gif made by Kate!
Tried the butter today with Kate, interesting!! The tricky things is that butter melts quite easily, might need to put in back in refrigerator several time.
It’s a story about butter who’s very unsatisfied with his greasy traces, and wants to fly because of the inspiration from the butterfly!
Here’s the sets and props.
And here’s the discussion about our dilemma about choosing whether butter or origami as our character.
Web_First Ever PHP Bro
click click click. Made in class. Can find 100 pic of my drawing “Ugly Cry” there 😀
Web_Free On Internet?
Response to Long Live the Web: A Call for Continued Open Standards and Neutrality.
From this article I learned the idea of internet isolation. It has never occurred to me, about being locked in the social media website. Internet is amazing because any person can share information with anyone else, anywhere, and each piece of information has it’s address– URI, which is accessible for everyone. And this related to me deeply because during the first homework of Web(building website w/ html), because it’s the first time I felt the existence and importance of URI, and therefore was more shocked to realize that, each information we send through Facebook, Twitter, etc. doesn’t really have its own URI!! Quoted– “…the more you enter, the more you become locked in.” It was really a horrified moment when I read through this.
But, then I thought about something probably being equally important… what about privacy? Quoted– “…walled gardens will never better than the open world.“, it seems quite right at the first glance, but… really? For the outside world, of course it’s wonderful that you can go where ever you want, but personally, we all need personal place. Probably not a good metaphor, but I think most of the people will agree walled gardens are not that bad, sometimes even lovely?
It’s really an interesting human behavior that people post personal info and feeling on the Facebook/Twitter, and then ask for privacy. It’s this kind of humanity that makes this problem complicated, but at the same time makes this world more vital and life 🙂
Web_First Ever Html Yo
i’m so basic. –> still in progress, be patient 😉
ICM_Video_Let’s have Fun!
OpenCV Library
Just tweaking around Daniel Shiffman’s LiveFaceDetect example with OpenCV library. Photoshopped off the face of Mushroom. And I’m proud that I mapped the position and the scale well! So FIT hahaha. Below is my mushroom hat mapping code.
if (faces != null) {
for (int i = 0; i < faces.length; i++) {
// image size: 500
// maps image size with face scale
float w = map(img.width, 200, 1, 1, faces[i].width);
float h = map(img.height, 200, 1, 1, faces[i].height);
image(img, faces[i].x+faces[i].width/2-(w)/2, faces[i].y-(h)/2, w, h);
}
}
And here’s the video for it. Fun!
Ani_Thaumatrope!
PComp_Interaction_Rethink
7 weeks past, I’ve seen a lot of interaction thought through a lot of ideas for midterm project. Personally, it strengthens my favor for the tangible interaction. It doesn’t necessarily need to be touched to activate but it’s really a satisfying moment to be able to be touched, if users want to. For me, touching strengthen the level of interaction, since touching make workpiece more lively and real. More approachable. And that also strengthen my desire to make some low-fi thing! The original, unpolished appearing can let users focus on the content, and the exposed, seeable technology(e.g. motor, mechanical and physical stuff) can surprise users with familiar things doing unfamiliar things, and might even catalyze users to have new ideas to live the life.
About whether interaction to be implicit or explicit, I think it is case by case. Personally, unpredictable and surprise is my thing but some people might find it annoying and uncomfortable. Moreover, measuring the level of implicit is also an important issue. It should still have patterns or certain amount of logic, in that way users can still have the power of control.
ICM_ToxiclibsTest_VerletString2D
Ahhhh failed to create the electrons flow in light bulb. Planed to
- add some particles around strings
- restrain patterns to fit within the lightbulb, using different canvas
Things worth mentioned:
- I used keyPressed() to change the gravity. Kill the original gravity and use “A, W, D, S” keys to control the direction of force.
ParticleBehavior2D b = physics.behaviors.get(physics.behaviors.size()-1);
physics.removeBehavior(b);
if (key == 'a') {
physics.addBehavior(new GravityBehavior(new Vec2D(random(-0.3), random(-0.05, 0.05))));
}
else if (key == 'w') {
physics.addBehavior(new GravityBehavior(new Vec2D(random(-0.05, 0.05), random(-0.3))));
}
else if (key == 'd') {
physics.addBehavior(new GravityBehavior(new Vec2D(random(0.3), random(-0.05, 0.05))));
}
else if (key == 's') {
physics.addBehavior(new GravityBehavior(new Vec2D(random(-0.05, 0.05), random(0.3))));
}
- Use the color function of Toxiclibs, measure the direction of the spring and then map it into 0~1, and then some crazy codes to set up the color of stroke.
for (VerletSpring2D s: strings) {
float currHue = map(s.b.sub(s.a).heading(), -PI, PI, 0, 1);
stroke(TColor.newHSV(currHue, 1, 1).toARGB());
line(s.a.x, s.a.y, s.b.x, s.b.y);
}
Original version, without vertex to fill the mesh. Looks like seaweeds.
Looks like worms.
And here are some tutorials and examples I found useful!
- Nature of Code by Daniel Shiffman
- SpringPlay by Justin Pinkney
- @ creativeapplications
PComp_inspiration_ImageToaster
ImageToaster
Print the pattern you like on your lovely toast. By Scott van Haastrecht.
Warm and sweet and inspiring 🙂