简体中文 | English

Cax 和 three.js 创造一切图[表]

Demo	Usage Source	Group Source	Tutorial
	Source	Word Penetrating	Tutorial
	Source	Skatch Source	Tutorial
	Source	Filter Source	Tutorial
	Source	Functions Source	Tutorial
	Source	Racing Source	Tutorial
	Source	Magic Cube Source	Tutorial
	Source	Mandelbrot Set Source	Tutorial
	Source	Avatar Source	Tutorial
	Source	Loading Source	Tutorial
	Source	Countdown Source	Tutorial
	Source	Particle Countdown Source	Tutorial
	Source	Map3d Source	Tutorial
	Source	Earth Source	Tutorial
	Source	WordCloud Source	Tutorial
	Source	WordSphere Source	Tutorial
	Source	Clock Source	Tutorial
	Source	Excel Source	Tutorial
	Source	Pie Source	Tutorial
	Source	Bar Source	Tutorial
	Source		Tutorial
	Source	Cylinder Source	Tutorial
	Source	Line Source	Tutorial
	Source	Graph Source	Tutorial
	Source	Map Source	Tutorial
	Source	Radar Source	Tutorial
	Source	Tiger Source	Tutorial
	Source	Draw Source	Tutorial
	Source	Pyramid3d Source	Tutorial
	Source	Bar3d Source	Tutorial
	Source	Pie3d Source	Tutorial
	Source	Texture Mapping Source	Tutorial
	Source	Heatmap Source	Tutorial
	Source	Astar Source	Tutorial

• 在 packages 以图表的名字新建一个文件夹，比如 chart-name
• 组件的例子放在 examples 目录，比如 simple，组件 Group 源码放在 src 目录
• 执行 npm install 安装依赖
• 执行 npm run build chart-name simple 进行构建

当然也支持 npm run build chart-name 简写默认自动去找 simple 目录。

build 命令会自动打开浏览器中对应目录的 html (如果3000端口没占用，占用的话会递增):

http://localhost:3000/chart-name/examples/simple/index.html

修改目录下的文件会自动刷新网页。

• Web DEMO & → Source Code
  • Simple
  • Animation
  • Clip
  • Clip Transform
  • Clip Transition
  • To2To Animate
  • Swing
  • Cax + Matter
  • To + Shape
  • Vision
  • Cache
  • Graphics
  • Composite Operation

MIT @腾讯微信支付 @Wechart团队 @腾讯AlloyTeam