【重要】サービス終了のお知らせ

NME

I am:

-currently a student at OCAD University.
-male.
-living in Toronto,
-in love with Design, Code, Math, Fine Art & Animation, playing on my classical/Electric guitars, and slamming the keys/experimenting on my old fashioned wall piano.

These code snippets are here to help others, and to refresh my own memory with regard to concepts that are mostly basic, but in some cases intermediate and advanced.

Hopefully these code snippets are commented well enough; yet, if not, and you need help understanding something, let me know.

Works

Colour Gradient Generator

Originally written by Anthony Pace (aka NME), in Toronto, Ontario, Canada. ap13mo@student.ocadu.ca This is a JS version of the code I originally wrote in AS3 here. http://wonderfl.net/c/r2tR This was pretty simple, but I was curious to see how this would run in JS, and I hadn't written any JS in a while. I prefer AS3 to JS, because it's just a better variant of ECMA Script; yet, JS seems to handle this kind of thing (writing to Canvas) fairly well. Chrome executes JS a bit slowly I find, but it's still workable. My only problem with JS is really just the little things: E.G. 1: when dealing with bit shifting at 32bit or higher you have to use num>>>x or something similar, whereas, in a language that knows the number is unsigned, you can just write num>>x E.G. 2: When writing to a buffer, you have to use r,g,b,a,r,g,b,a, etc.... instead of simple using a 24Bit hex value. At the very least, it would be nice to have both options. Also, why does the element have to have an alpha channel? Why not just RGB? Anyways, as I said, it's the little things with JS that annoy me; yet, it is the little things that add up to make the whole.

  • 3381
  • 0

into_the_clouds

Author: Anthony Pace E-mail: ap13mo@student.ocadu.ca Professor: Rupreet Sikand-Mouton Institution: OCAD University Date: June 26th 2018 Assignment: Short Assignment 2 (Pure CSS Shape Drawing) Notes: Inspired by a toy/model WWII fighter plane. -Hover to see decal -Hover over flaps and rudders make them move -Right-click to fire In truth I would have prefered to do this with SVG and the clip-path property of css, or svg + canvas, canvas + js, webgl, or a host of other ways; however, this project gave me the opportunity to get reacquainted with, and in some cases introduced to, what css on it's own can do with regard to shape drawing, and for things like 2.5D This project also helped in developing a sense of planning for not only layout issues, but also issues of selecting elements for interaction and animation within css. CSS shape drawing is cumbersome, but it is pretty powerful. Given more time, I would investigate the interaction and 3D aspects of CSS much more greatly.

  • 372
  • 1

Skills

Hot tags

Categories

HTML / CSS / JavaScript