初学者问题：如何将processing.js 与Rails 3.1 应用程序集成？

发布于 2024-11-30 20:13:31 字数 977 浏览 2 评论 0原文

初学者 Rails/javascript 问题：

假设我在 Rails 3.1 应用程序中有一个简单的 Circle 模型，并带有 show 操作/视图。每个Circle都有一个名为:radius的属性 - 一个整数值。

当我通过 show.html.erb 文件查看Circle时，我想要一个非常简单的processing.js草图来接收圆的半径并在圆上绘制圆页。我已通过将文件保存在 assets/javascripts 文件夹中，将processing.js 包含在我的应用中。

我的简单的processing.js 草图位于名为circle.js 的文件中。其内容是：

// Setup the Processing Canvas  
void setup(){  
  size( 200, 200 );  
  strokeWeight( 10 );  
  frameRate( 15 );  
  X = width / 2;  
  Y = height / 2;
  radius = 10;      
}  

// Main draw loop  
void draw(){    
  // Fill canvas grey  
  background( 100 );  

  // Set stroke-color white  
  stroke(255);   

  // Draw circle  
  ellipse( X, Y, radius, radius );                    
}

如何尽可能不显眼地将草图包含到我的显示视图中并将半径值传递给它？
circle.js 文件位于视图文件夹中还是资产管道中？
是否需要命名为circle.js.erb？

原文

Beginner rails/javascript question:

Let's say that I have a simple Circle model in a Rails 3.1 app with a show action/view. Each Circle has a property called :radius - an integer value.

When I view the Circle via its show.html.erb file, I want a very simple processing.js sketch to receive the radius of the circle and draw the circle on the page. I've already included processing.js in my app by saving the file in the assets/javascripts folder.

My simple processing.js sketch is in a file called circle.js. Its contents are:

// Setup the Processing Canvas  
void setup(){  
  size( 200, 200 );  
  strokeWeight( 10 );  
  frameRate( 15 );  
  X = width / 2;  
  Y = height / 2;
  radius = 10;      
}  

// Main draw loop  
void draw(){    
  // Fill canvas grey  
  background( 100 );  

  // Set stroke-color white  
  stroke(255);   

  // Draw circle  
  ellipse( X, Y, radius, radius );                    
}

How do I include the sketch into my show view as unobtrusively as possible and pass the radius value to it?
Where does the circle.js file go -- in the view folder or in the asset pipeline?
Does it need to be named circle.js.erb?

分享到QQ

分享到微博