Can't get a Processing.js sketch to run on my page.
in
Processing with Other Languages
•
11 months ago
Everything else works fine except for the sketch in the canvas. The sketch works in Safari and Firefox on the original processing page but not in Chrome or IE9 on any pages.
<!DOCTYPE html>
<html>
<head>
<title>Kenny Rose Design Home</title>
<meta charset= utf-8>
<link rel = "stylesheet" type = "text/css" href = "basic.css">
<meta name = "author" content = "Kenny Rose">
<meta Name = "description" content = "A webpage dedicated to nearly all things digital. Including Graphic Design, Game Design, Visual Effects,
Digital Filmmaking, Programming, Web Design, and Digital Technology.">
<meta name = "keywords" content = "graphic design, game design, digital filmmaking, visual effects, vfx, special effects, Photoshop, Illustrator, GIMP,
Adobe, Flash, HTML5, web design, computers, app development, game development, digital illustration, animation, computer animation, digital modelling,
Adobe After Effects, After Effects, Autodesk Combustion, Cinema 4D, Blender, UDK, Unreal Development Kit, Unreal Game Engine, Unity Game Engine, Game Character
Development, Character Development, 3D Modelling, 3D Animation, Processing, Generative Art>
<meta name = "copyright" content = "2012">
<meta name = "generator" content = "Notepad++">
<!--[if lt IE 9]>
<script type="text/javascript">alert("Your browser does not support the canvas tag.");</script>
<![endif]-->
<script src="processing.js" type="text/javascript"></script>
<script type="text/javascript">
function getProcessingSketchID () { return 'Triangles'; }
</script>
</head>
<style>
</style>
<body>
<div class= bodyglove >
<section>
<img src=images/Header.png >
</section>
<br>
<div class = "navigation">
<nav>
<ul class ="menu">
<li> <a href=index.html>Home</a> </li>
<li> <a href=stillimages.html>Still Images</a> </li>
<li> <a href=videos.html>Videos</a> </li>
<li> <a href=interactive.html>Interactive</a> </li>
<li> <a href=music.html>Music</a> </li>
<li> <a href=tutorials.html>Tutorials</a> </li>
<li> <a href="mailto:kennyrosenyc@yahoo.com">Contact</a> </li>
<li> <a href=legal.html>Legal</a> </li>
</ul>
</nav>
</div>
<br>
<br>
<div class = "thing1">
<div class = "thing1a">
<a href="http://www.w3.org/html/logo/">
<img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3-graphics-semantics.png" width="197" height="64" alt="HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Semantics" title="HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Semantics">
</a>
</div>
<p>This site requires an HTML5 compliant browser. For the best experience I reccommend the latest version of Google Chrome. </p>
</div>
<div class = "frontpagetext">
<p>There are an infinity of angles at which one falls, only one at which one stands. </p>
<p>- G. K. Chesterton </p>
</div>
<div class = "thing2">
<p> Some features of this site and the associated files require the following: </p>
<ul type = "none">
<li> Direct X </li>
<br>
<li> Adobe Flash Player </li>
<br>
<li> HTML5 Browser Suppoert </li>
<br>
<li>WebGL Support </li>
<br>
<li>Javascript Support </li>
</ul>
</div>
<br style= clear:both>
<br>
<div class = "frontpagecanvas1">
<canvas id="frontpagebling" data-processing-sources="processing/Triangles.pde"
width="800" height="600">
<p>Your browser does not support the canvas tag.</p>
<!-- Note: you can put any alternative content here. -->
</canvas>
<noscript>
<p>JavaScript is required to view the contents of this page.</p>
</noscript>
</div>
<br>
<h4>Triangles</h4>
<p id="description"></p>
<p id="sources">Source code: <a href="processing/Triangles.pde">Triangles</a> </p>
<p>
Early Processing experiment. Well, not so early but early enough. Randm long triangles, different every time you load the page. etc. If you're into the whole generative art thing there's a link to the source code above.
</p>
</canvas>
<br>
<div id = "musicplayer1">
'Undisputed' by Kenny Rose (featuring Cyclick)
<br>
<audio src= music/Undisputed.mp3 controls autoplay loop></audio>
</div>
</div>
<br>
<hr>
<br>
<footer>
<p><small>This site created and visualized by Kenny Rose, master of all things digital, self-crowned King of the Microverse, Sir Loin of Beef and Earl of Grey.</small></p>
<p><small> KennyRoseDesign.com © 2012 Kenny Rose Design </small></p>
</footer>
</div>
</body>
</html>
1
