2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（四）

leaf_er leaf_er 博客等级 关注
最新推荐文章于 2026-08-18 20:01:07 发布 · 431 阅读
原创 ·
本内容遵循 CC 4.0 BY-SA 版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
2021SC@SDUSC 【软件工程应用与实践】Claygl项目——综述 2021SC@SDUSC 目录 一、claygl介绍 二、代码下载 1.GitHub地址 2.使用 三、案例 1.例子 2.项目 四、组内分工 一、claygl介绍 ClayGL是一个WebGL图形库，用于构建可扩展的Web3D应用程序。 它易于使用，可配置为高质量的图形。得益于模块化和树震动，对于基本的3D应用程序，它可以压缩到22k。 二、代码下载 1.GitHub地址 可通过以下GitHub地址下载相关代码。 GitHub - pissang/claygl. 阅读详情

2021SC@SDUSC

目录

ParticleRenderable.js

一、ParticleRenderable对象

1.构建

2.属性

ParticleRenderable.js

一、ParticleRenderable对象

1.构建

var ParticleRenderable = Renderable.extend（...）

2.属性

{
    loop: true,
    
    oneshot: false,
    
    duration: 1,

    spriteAnimationTileX: 1,
   
    spriteAnimationTileY: 1,
    
    spriteAnimationRepeat: 0,

    mode: Renderable.POINTS,

    ignorePicking: true,

    _elapsedTime: 0,

    _emitting: true

}

属性类型初始值
loopbooleantrue
oneshotbooleanfalse

定义了粒子是否可循环，即循环使用或是一次性使用；（二者应一为true,一为false）

属性类型初始值
durationnumber1

定义了粒子系统的持续时间，初始为1；

属性类型初始值
spriteAnimationTileXnumber1
spriteAnimationTileYnumber1
spriteAnimationRepeatnumber0

应该是定义了sprite动画在XY轴上的Tile图块,以及动画重复次数；

属性类型初始值
ignorePickingbooleantrue

定义其是否忽略Picking,初始为true；

属性类型初始值
_elapsedTimenumber0

定义流逝时间，即粒子动画的已运行时间，初始为0；

属性类型初始值
_emittingbooleantrue

定义粒子发射状态，初始为true；

mode: Renderable.POINTS,

此外还定义了渲染物体（粒子）的模式为点。

标签
#javascript
2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（十一） 2021SC@SDUSC 目录 FrameBuffer.js 1.属性 2.函数部分 getTextureWidth & getTextureHeight bind FrameBuffer.js var KEY_FRAMEBUFFER = 'framebuffer'; var KEY_RENDERBUFFER = 'renderbuffer'; var KEY_RENDERBUFFER_WIDTH = KEY_RENDERBUFFER + '_width'; var KEY_R 阅读详情

相关推荐

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（一）

2021SC@SDUSC 目录 一、粒子系统基本思想 二、Emitter.js 1.介绍 2.代码分析 一、粒子系统基本思想 粒子系统的基本思想：将许多简单形状的微小粒子作为基本元素聚集起来形成一个不规则的模糊物体，每个粒子均经历出生、成长、衰老和死亡的过程，与粒子有关的每一参数均将受到一个随机过程的控制。 二、Emitter.js 1.介绍 emitter是“发射器”的意思，其中包含着emitter类，顾名思义，也就是存储粒子并发射的“容器”；接下来介绍里面相关代码内容。 2.代

leaf_er的博客 163

2021SC@SDUSC山东大学软件学院软件工程应用与实践——claygl（综述）

2021SC@SDUSC 目录 一.claygl项目简介 二.github地址 三.项目下载及配置 四.简单的使用实例 五.更多应用 六.组内分工 一.claygl项目简介 1.claygl描述 ClayGL是一个Web 3D图形库，用于构建支持3D Web的应用程序，例如在真实的地理地图上绘制交互式3D街道地图。ClayGL可作为开源项目使用。 2.claygl特点 （1）轻巧 （2）可缩放图形 （3）可配置高质量的图形 ...

weixin_54533613的博客 548

STM32入门教程：WiFi通信

STM32是一款强大的嵌入式系统开发平台，可以用于开发各种应用程序，包括WiFi通信。在本教程中，我们将介绍如何使用STM32开发板和WiFi模块进行无线通信。以下是一个详细的代码案例，涵盖了WiFi通信的基本概念和实现。

qq_67153941的博客 1331

2021SC@SDUSC ClayGL项目综述

软件简介 ClayGL 是一个 WebGL 图形库，用于构建可伸缩的 Web3D 应用程序。

Yes_Utopia的博客 460

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（十）

2021SC@SDUSC 目录 Field.js（Field） ForceField.js（ForceField） applyTo(...) 涉及函数：vec3.scaleAndAdd(...) Field.js（Field） var Field = Base.extend({}, { applyTo: function(velocity, position, weight, deltaTime) {} }); 继承Base的定义函数applyTo()的类； ForceF

leaf_er的博客 253

2021SC@SDUSC ClayGL Camera类分析(四)

2021SC@SDUSC ClayGL Camera类分析(四)

Yes_Utopia的博客 576

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（十三）

2021SC@SDUSC 目录 FrameBuffer.js 2.函数部分 checkStatus attach _doDetach FrameBuffer.js 2.函数部分 checkStatus checkStatus: function (_gl) { return _gl.checkFramebufferStatus(GL_FRAMEBUFFER); }, 用于检测帧缓冲状态； attach if (!texture

leaf_er的博客 674

2021SC@SDUSC山东大学软件学院软件工程应用与实践——claygl（源代码分析6）

2021SC@SDUSC 一.clay.async.Task类概述 二.clay.async.Task类的作用 三.clay.async.Task类源码分析 1.new Task() 该函数为Task类的构造函数，无参数 其源代码如下： function Task() { this._fullfilled = false; this._rejected = false; } 从源代码可以看出，Task类内部有两个成员变量，即_fullfi...

weixin_54533613的博客 1118

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（五）

2021SC@SDUSC （接上篇） ParticleRenderable.js 3.函数 function(){ this.geometry = new Geometry({ dynamic: true }); if (!this.material) { this.material = new Material({ shader: particleShader, transparent

leaf_er的博客 1825

2021SC@SDUSC山东大学软件学院软件工程应用与实践——claygl（源码分析1）

2021SC@SDUSC 目录 一.clay.animation.Animator类概述 二.clay.animation.Animator类的作用 三.clay.animation.Animator类源码分析 1. new Animator(target, loop, getter, setter, interpolater) 2. delay(time) → {clay.animation.Animator} 3. done(func) → {clay.animation.Anima...

weixin_54533613的博客 603

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（七）

2021SC@SDUSC （接上文） ParticleRenderable.js 4.2函数 updateParticles updateParticles: function(deltaTime) { deltaTime /= 1000; this._elapsedTime += deltaTime; var particles = this._particles; if (this._emitting) {

leaf_er的博客 285

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（二）

一、Particle.js 1.Particle this.position = new Vector3(); 设置位置，类型为clay.Vector3，默认为（0，0，0）； this.rotation = new Vector3(); 设置旋偏转角度，类型为clay.Vector3，默认为（0，0，0）； this.velocity = null; 设置速度，类型为clay.Vector3，默认为null； this.angularVelocity = null; 设置加速度，

leaf_er的博客 348

2021SC@SDUSC ClayGL ShadowMap类分析(十三)

2021SC@SDUSC ClayGL ShadowMap类分析（十三）

Yes_Utopia的博客 401

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（三）

一、Particle.js Particle.prototype.update Particle.prototype.update = function(deltaTime) { if (this.velocity) { vec3.scaleAndAdd(this.position.array, this.position.array, this.velocity.array, deltaTime); } if (this.angularVelocity) {

leaf_er的博客 240

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（六）

2021SC@SDUSC 目录 ParticleRenderable.js 4.2函数 addEmitter&removeEmitter addField&removeField reset isFinished ParticleRenderable.js 4.2函数 addEmitter&removeEmitter addEmitter: function(emitter) { this._emitters.push(emitte

leaf_er的博客 220

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（九）

2021SC@SDUSC （接上文） 目录 ParticleRenderable.js 4.2函数 ParticleRenderable.dispose(...) Geometry.dispose(...) clone() ParticleRenderable.js 4.2函数 ParticleRenderable.dispose(...) dispose: function(renderer) { for (var i = 0; i < this._p

leaf_er的博客 279

2021SC@SDUSC ClayGL Camera类分析(八)

2021SC@SDUSC ClayGL Camera类分析(八)

Yes_Utopia的博客 177

2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（十二）

2021SC@SDUSC 目录 FrameBuffer.js 2.函数部分 bind（续） unbind updateMipmap FrameBuffer.js 2.函数部分 bind（续） var attachedTextures = cache.get('attached_textures'); if (attachedTextures) { for (var attachment in attachedTextures)

leaf_er的博客 233

GitHub 热榜项目：日榜（2026-08-18）

本期 GitHub 热榜聚焦 AI 工具链扩展：渗透测试、安全技能库和代理记忆项目持续升温，本地 LLM 推理工具则围绕硬件适配与 Apple Silicon 优化展开；短视频生成、量化交易、求职管理和自托管照片等应用也同步上榜。

u130130的博客 345

JEDEC JESD51-14 瞬态双界面测试方法详解

（瞬态双界面测试方法，用于测量具有单路径热流的半导体器件的结到壳热阻 RθJC，包括结到壳顶部 RθJCT 和结到壳底部 RθJCB）。该标准于 2010 年发布（版本 JESD51-14.1），旨在提供一种准确、可重复的瞬态方法来测量功率半导体器件（如 MOSFET、IGBT）的结到壳热阻（RthJC），取代传统的稳态测量方法（如 MIL-STD-883E METHOD 1012.1）。方法，通过比较两种不同热界面材料（TIM）下的瞬态温度响应曲线，提取 RthJC，而无需直接测量壳温（Tc）。

专注于前沿技术的探索与实践，热衷于从代码逻辑、架构设计到行业应用等多维度深挖技术本质。期待在技术之路上与你共同成长～ 522

dianyabiao.rar_adc0809仿真_单片机 仿真

基于51单片机的电压表设计，adc0809,包含仿真程序，proteus仿真电路图
上一篇： 2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（三）
下一篇： 2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析（五）
点赞 0
评论 0
书签 书签 0
leaf_er
leaf_er
博客等级 码龄5年 0粉丝 · 24原创
+ 关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值