Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
illustrate-svg-code [2023/06/05 00:27] – steve.wangillustrate-svg-code [2023/06/07 23:00] (current) – renick
Line 1: Line 1:
-====== Illustrating Light with Code 光之程式生成藝術 ======+====== Illustrating Light with Code 「光」的程式生成藝術 ====== 
 + 
 +Students have been learning to program graphics using the JavaScript programming language. In the past three semesters, they have been learning the SVG.js library for programming vector art. In this semester, they applied that and the mathematical concept of matrices to create images which evoke the idea of "light". Below you can see some annotated images point out their usage of concepts from math. At the links below you can see their individual work and the code they wrote to realize those illustrations.
  
 ====== Application of Math Concepts 應用數學觀念 ====== ====== Application of Math Concepts 應用數學觀念 ======
 +
 In this learning task, the students practiced the application of new and old math concepts they've learned into their code to generate "light" illustrations, for example, trigonometry, geometry, and matrices (rectangular arrays of numbers).  In this learning task, the students practiced the application of new and old math concepts they've learned into their code to generate "light" illustrations, for example, trigonometry, geometry, and matrices (rectangular arrays of numbers). 
  
  • illustrate-svg-code.1685950050.txt.gz
  • Last modified: 2023/06/05 00:27
  • by steve.wang