cocoscreator 动态创建材质material

关注

原创最新推荐文章于 2026-07-22 11:39:07 发布 8.4k 阅读 AI 写同款· GEO 优化 ›

CocosCreator 面试题（十九） Cocos Creator 材质 shader 分别是什么？通过编写Shader代码，可以实现对对象的顶点位置、颜色、纹理坐标和光照等属性的控制，从而实现各种特殊的渲染效果和动画。以上是Shader的主要部分组成。通过编写Shader代码，并将其应用于Cocos Creator中的渲染组件（如Sprite、Label、ParticleSystem等），可以实现各种特殊的渲染效果和动画，为游戏或应用程序增添独特的视觉效果。它们控制着对象的颜色、纹理、透明度和光照等属性，决定了对象在屏幕上的显示效果，为游戏开发提供了丰富的视觉表现能力。阅读详情

方式一：使用cocoscreator自带的材质

var material = cc.Material.getInstantiatedBuiltinMaterial("2d-gray-sprite", this.node) //creator自带的 builtin-2d-gray-sprite
this.node.getComponent(cc.Sprite).setMaterial(0, material）

方式二：从其他节点身上获取材质

var material = cc.Material.getInstantiatedMaterial(this.otherNode.getComponent(cc.Sprite).sharedMaterials[0], this.node)
this.node.getComponent(cc.Sprite).setMaterial(0, material）

方式三：加载资源里的

var self = this
cc.loader.loadRes(materialPath, cc.Material, function(err, res) {
    var material = cc.Material.getInstantiatedMaterial(res, self.node)
    self.node.getComponent(cc.Sprite).setMaterial(0, material)
})

收录于