[关闭]
@yangyc 2018-04-30T04:47:37.000000Z 字数 2454 阅读 843

Wonder.js性能报告(2018.04.30)

Wonder.js benchmark


性能benchmark比较

渲染时间(ms)

Test in chrome(v68 dev)

render basic + basic material box

引擎 创建7k个box 创建20k个box(clone) 20k个box(clone)+设置transform 20k个box(clone)+设置parent,children+设置transform 创建与销毁5k个box+optimize
Wonder.js(v1.0.0-alpha.7)->webgl1 21.3
Wonder.js(v1.0.0-alpha.16)->webgl1 18 18 25 27(batch dispose + clone)
Wonder.js(v1.0.0-alpha.18)->webgl1 21.3 18 20 23 33(defer dispose + clone)
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 21.3 18 19 20 30(defer dispose + clone)

redo/undo + basic material box

引擎 copy 5k个box+restoreFrom 10k个box copy 5k个objectInstance box+restore from 5k个box+5k个objectInstance box
Wonder.js(v1.0.0-alpha.11)->webgl1 34 26.5
Wonder.js(v1.0.0-alpha.18)->webgl1 18

render basic + instance + basic material box

引擎 创建300k个box(static) 创建20k个box(static, fallback:batch draw) 60k个box+设置transform 60k个box+设置parent,children+设置transform
Wonder.js(v1.0.0-alpha.10)->webgl1 24 18 24 36
Wonder.js(v1.0.0-alpha.18)->webgl1 24 18 28 41
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 17 25 37
引擎 创建与销毁500(sourceInstance box) *️ 10(objectInstance box) 创建与销毁1(sourceInstance box) * 10k(objectInstance box)
Wonder.js(v1.0.0-alpha.10)->webgl1 45.5 26?
Wonder.js(v1.0.0-alpha.18)->webgl1 42 67
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 38 60

front render light + 1 ambient light + 1 direction light + 1 point light + light material box

引擎 创建10k个box(clone) 创建与销毁5k个box+optimize
Wonder.js(v1.0.0-alpha.16)->webgl1 17.5 42(batch dispose + clone)
Wonder.js(v1.0.0-alpha.18)->webgl1 17.5 48(batch dispose + clone)
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 17.5 31(batch dispose + clone)

front render light + instance + light material box

引擎 创建100k个box(static) 创建10k个box(static, fallback:batch draw) 20k个box+设置transform
Wonder.js(v1.0.0-alpha.16)->webgl1 20 17.5 24
Wonder.js(v1.0.0-alpha.18)->webgl1 20 21 22
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 22 13
引擎 创建与销毁300(sourceInstance box) *️ 10(objectInstance box) 创建与销毁1(sourceInstance box) * 5k(objectInstance box)
Wonder.js(v1.0.0-alpha.16)->webgl1 37 20?
Wonder.js(v1.0.0-alpha.18)->webgl1 33 28
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 25 25

render basic + front render light + instance + box geometry + custom geometry

引擎 create_5k_basic_customGeometry+5k_basic_boxGeometry+5k_light_boxGeometry
Wonder.js(v1.0.0-alpha.18)->webgl1 54
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 45

内存(MB)

render basic + basic material box

引擎 创建7k个box
Wonder.js(v1.0.0-alpha.18)->webgl1 11.4
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 10.9

front render light + light material box

引擎 创建20k个box(clone)
Wonder.js(v1.0.0-alpha.16)->webgl1 32
Wonder.js(v1.0.0-alpha.18)->webgl1 19.8
Wonder.js(v1.0.0-alpha.18)->webgl1(worker) 17.2
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注