improve creativity and longevity. The research programming was conducted using the built-in programming interface feature that utilizes JavaScript programming language. This browser software was utilized because it is easily publicly available, widely deployed, free of charge and is compatible across operating systems including both Windows and Mac.
ctx.lineWidth = 20
ctx.beginPath()
ctx.arc(525, 210, 40, .5 * Math.PI, 1.5 * Math.PI, true)
ctx.strokeStyle = "rgba(120, 160, 180, 1)"
ctx.stroke()
// text
ctx.font = "40px New Times Roman, sans-serif";
ctx.fillStyle = "rgba(160, 100, 160, 1)"
ctx.fillText("Santell Atiba", 285, 600);
ctx.fillText("Assistant Professor Dr. Zhanping Liu", 110, 650);
ctx.font = "40px Ariel, sans-serif";
ctx.fillStyle = "rgba(250, 0, 120, 1)"
ctx.fillText("KSU graphics project 2015", 160, 450)
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
Figure 1. Example (snippet) of the Java Script code utilized to generate final product.
The results of the research generated the skills to be able to create graphics as well as a new, higher understanding of what graphics really are. Graphics are not only 3D images; they are a representation of a series of commands that tell the computer how to bring the graphic into existence. So, the word graphics refers essentially to the way images are made. Take a look back to old video games like the first Mario games and recall the pixelation. So that means the graphics were really bad right? Those are not graphics in the technical sense as they are just images put together pixel by pixel. Graphics are made, not by editing pixel by pixel, but using a script to edit and change many pixels into what you want while accommodating many simultaneousness requirements.
I utilized the JavaScript programming language to create graphics. I wrote and edited the source code of the image within the Firefox Java Script interface, which was a long and demanding learning experience. I learned that syntax is essential, as the code does not execute with any typographical errors within the code. One space where it doesn’t belong or one lower case letter when it’s supposed to be capital could ruin the entire image, if it was generated in the first place. Another outcome is the illustration of the importance of making one change at a time so you can easily amend if the code fails. It’s also very important to do things in a certain order