Merge pull request #724 from sm7515/chinese_translate

limzykenneth · web-flow · commit b2026d723432 · 2020-04-25T10:00:16.000+01:00
Translated Instance Mode Section to Chinese
diff --git a/src/data/examples/zh-Hans/15_Instance_Mode/01_Instantiating.js b/src/data/examples/zh-Hans/15_Instance_Mode/01_Instantiating.js
@@ -1,17 +1,16 @@
 /*
- * @name Instantiation
- * @description Create a p5 instance, which keeps all variables
- * out of the global scope of your page.
+ * @name 创建实例
+ * @description 创建一个 p5 实例，以便让所有变量在全局作用域之外。
  */
-let sketch = function(p) {
+let sketch = function (p) {
   let x = 100;
   let y = 100;
 
-  p.setup = function() {
+  p.setup = function () {
     p.createCanvas(700, 410);
   };
 
-  p.draw = function() {
+  p.draw = function () {
     p.background(0);
     p.fill(255);
     p.rect(x, y, 50, 50);
@@ -20,7 +19,7 @@ let sketch = function(p) {
 
 let myp5 = new p5(sketch);
 
-// Compare to "global mode"
+// “全局模式” 作为对照
 // let x = 100;
 // let y = 100;
 
diff --git a/src/data/examples/zh-Hans/15_Instance_Mode/02_Instance_Container.js b/src/data/examples/zh-Hans/15_Instance_Mode/02_Instance_Container.js
@@ -1,16 +1,14 @@
 /*
  * @norender
- * @name Instance Container
- * @description Optionally, you can specify a default container for the canvas
- * and any other elements to append to with a second argument. You can give the
- * ID of an element in your html, or an html node itself.
+ * @name 实例容器
+ * @description 第二个参数可以是你指定作为画布的默认容器，也可以是任何
+ 你想要添加此 p5 实例容器至的元素。可以是带 ID 的 html 元素， 也可以是 html 节点本身。
  *
- * Here are three different options for selecting a container
- * DOM element. All DOM elements (canvas, buttons, divs, etc) created by p5
- * will be attached to the DOM element specified as the second argument to the
- * p5() call.
+ * 以下列举了三种选择 DOM 元素作为容器的方法。 
+ * 所有由 p5 创建的 DOM 元素（画布，按钮，div 等）都会被添加到指定的 DOM 元素上，
+ * 这个指定元素就是调用 p5() 时传递的第二个参数。
  */
-<!-- pass in the ID of the container element -->
+<!-- 传递容器元素的 ID -->
 <!DOCTYPE html>
 <head>
   <script src='p5.js'></script>
@@ -30,7 +28,7 @@
 </html>
 
 
-<!-- pass in a pointer to the container element -->
+<!-- 传递指向容器元素的指标 -->
 <!DOCTYPE html>
 <head>
   <script src='p5.js'></script>
@@ -50,8 +48,7 @@
 </html>
 
 
-<!-- create an element, attach it to the body,
-and pass in a pointer -->
+<!-- 创建一个元素，添加至 body 并传递指标 -->
 <!DOCTYPE html>
 <head>
   <script src='p5.js'></script>
@@ -72,8 +69,7 @@ and pass in a pointer -->
 </html>
 
 
-<!-- create an element, pass in a pointer,
-and attach it to the body -->
+<!-- 创建一个元素，传递指针并添加到 body -->
 <!DOCTYPE html>
 <head>
   <script src='p5.js'></script>
