Category Archives: JavaScript

Create a LineScape object in LineScape08.js: [php lang=”JavaScript”]function LineScape(canvas) { this.context = canvas.getContext(“2d”); this.width = canvas.width; this.height = canvas.height; this.xcenter = this.width / 2; this.ycenter = this.height / 2; this.zcenter = 500; this.z = 5000; this.fl = 350; this.xres = … Continue reading →

Put back in a bit of randomness. A more interesting form. Draw progressively so screen doesn’t hang. [php lang=”JavaScript”]$(function() { var canvas, context, width, height, x, x1, x2, y, z = 5000, fl = 350, xres = 2, zres = … Continue reading →

Add a gety(x, z) function and a more interesting form. [php lang=”JavaScript”]$(function() { var canvas, context, width, height, x, x1, x2, y, z = 5000, fl = 350, xres = 5, zres = 5, xcenter, ycenter, zcenter, scale; canvas = … Continue reading →

Move horizon out. Stretch to edge of canvas. Fade lines in distance. Add a fill to cover previous lines. [php lang=”JavaScript”]$(function() { var canvas, context, width, height, x, x1, x2, y, z = 5000, fl = 350, xres = 5, … Continue reading →

Segmentize and randomize. [php lang=”JavaScript”]$(function() { var canvas, context, width, height, x, x1, x2, y, z = 600, fl = 350, xres = 5, zres = 5, xcenter, ycenter, scale; canvas = $(“#canvas”).get(0); context = canvas.getContext(“2d”); width = canvas.width; height … Continue reading →

Make it 3D. [php lang=”JavaScript”]$(function() { var canvas, context, width, height, x1, x2, y, z = 600, fl = 350, xcenter, ycenter, scale; canvas = $(“#canvas”).get(0); context = canvas.getContext(“2d”); width = canvas.width; height = canvas.height; xcenter = width / 2; … Continue reading →

Draw a bunch of lines. [php lang=”JavaScript”]$(function() { var canvas, context, width, height; canvas = $(“#canvas”).get(0); context = canvas.getContext(“2d”); width = canvas.width; height = canvas.height; for(var y = 0; y < height; y += 10) { context.beginPath(); context.moveTo(0, y); context.lineTo(width, … Continue reading →

Draw a line. [php lang=”JavaScript”]$(function() { var canvas, context, width, height; canvas = $(“#canvas”).get(0); context = canvas.getContext(“2d”); width = canvas.width; height = canvas.height; context.beginPath(); context.moveTo(0, height / 2); context.lineTo(width, height / 2); context.stroke(); });[/php] Result.

More JavaScript! I’ve actually started delving into Android, but I’m still tinkering with JS too. I’ve been fleshing out the Verlet System I created last month. Added some cool stuff to it. I’ll be doing a future post on that … Continue reading →