Processing Forum

Screen name:
kennyrosenyc

kennyrosenyc's Profile

2 Posts

6 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Can't get a Processing.js sketch to run on my page.

[4 Replies]
- 26-Oct-2012 06:43 PM
- Forum: Processing with Other Languages
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.

Here is my code:

<!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++">



<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>



</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 &copy 2012 Kenny Rose Design </small></p>

</footer>

</div>

</body>

</html>

Newbie Question

[7 Replies]
- 13-Sep-2012 10:20 AM
- Forum: General Discussion
I'm new to Processing and was wondering about compatibility with jQuery? Do they play well together? If not is there a work around. I'm also pretty new to Javascript so a detailed explanation of the work around would be much appreciated.

«Prev
Next »