猫史档案馆


【神岛场景创作小技巧】猜猜这些动效是如何实现的?

用户:神岛吉吉喵神岛吉吉喵查看:73 回复:54 评论:73 创建时间:2022-07-01T19:02:52


最近阿吉看到不少美术场景优秀的地图作品

出现了一些之前没见过的功能

比如风车、水车的旋转

到底是怎么实现的呢?emotion_doge

center_image

center_image

center_image

于是趁着月黑风高,阿吉偷偷潜入地图

成为了一名代码搬运工!

//旋转动画
async function loopRotateEntityZ(entityName, time = 30, angle = -Math.PI / 36) { //loopRotateEntity=90度类型
    const entity = world.querySelector(`#${entityName}`)
    while (1) {
        await sleep(time)//数越小越快
        entity.meshOrientation = entity.meshOrientation.rotateZ(angle)//PI=180度
    }
}

async function loopRotateEntityX(entityName, time = 30, angle = -Math.PI / 36) { //loopRotateEntity=90度类型
    const entity = world.querySelector(`#${entityName}`)
    while (1) {
        await sleep(time)//数越小越快
        entity.meshOrientation = entity.meshOrientation.rotateX(angle)//PI=180度
    }
}



world.querySelectorAll('*').forEach(e => {
    if (e.id.startsWith('水车')) {
        loopRotateEntityX(e.id, 30, Math.PI / 36)
    }
})

world.querySelectorAll('*').forEach(e => {
    if (e.id.startsWith('水动X')) {
        loopRotateEntityX(e.id, 100, Math.PI / 1)
    }
})


world.querySelectorAll('*').forEach(e => {
    if (e.id.startsWith('水动Z')) {
        loopRotateEntityZ(e.id, 100, Math.PI / 1)
    }
})

loopRotateEntityZ('风车部件01-1')
loopRotateEntityZ('风格部件03-1')

悄悄提示一下:

想实现图里的效果,光代码还不够

记得善用模型的打组功能哦!

打组功能教程:https://shequ.codemao.cn/community/420951

快去地图里试一下吧!

emotion_编程猫_加油


回复

上一页1 页 / 共 2下一页
Ezra__Ezra__

沙发!

点赞0


评论


1086爱编程1086爱编程

第二!

点赞0


评论


胡某到此一游胡某到此一游

第?第三?我抢到第三了?

点赞0


评论


该账号已停用该账号已停用

前排

点赞0


评论


叶光_x叶光_x

前排!!!

点赞0


评论


微风御火微风御火

woc!前排!!!!!!!

点赞1


评论


凌cloud凌cloud

前排!

点赞0


评论


屑student屑student

qpzc(

点赞0


评论


全能代码师全能代码师

听我说谢谢你

点赞1


评论


迷失冷光迷失冷光

话说有没有打组的代码()不然createEntity出来的没法用()

点赞1


评论


还是那个小橙子丫还是那个小橙子丫

( ) 

点赞0


评论


来自远方的panda来自远方的panda

这水车....等会,岛三的模型什么时候可以斜着了

点赞0


评论


星辰_零柒星辰_零柒

终于更新了!前排!

点赞0


评论


钢铁堡垒钢铁堡垒

话说,模型怎么做的?

点赞1


评论


tiger666250tiger666250

awa

点赞1


评论


array_已退array_已退

《好耶,鸽子吉吉终于更新教程了》

点赞2


评论


可小嘉可小嘉

哇,这一个场景是拼了多少个模型啊!!!

点赞3


评论


源码极客源码极客

不错

但是我今天才学习玩尹子的旋转代码啊。。。

 

不过好歹我可以去给我的端午闯关更新了~

点赞2


评论


传奇无敌传奇无敌

我差点以为吉吉喵偷偷更新了新的方块(

点赞5


评论


用户_869149用户_869149

不是吧,这方块·····················难到屑喆要更新了?!

点赞0


评论


YLG_個YLG_個

()

点赞0


评论


EXOXYNEXOXYN

好家伙emotion_doge

点赞2


评论


星星上的雪花星星上的雪花

点赞1


评论


BOSS不爱吃鱼的小鱼BOSS不爱吃鱼的小鱼

终于等来了

点赞0


评论


BOSS不爱吃鱼的小鱼BOSS不爱吃鱼的小鱼

所以吉啥时候弄创作节

点赞2


评论


async_functionasync_function

没想到官方也把动画丢了(

点赞2


评论


318k318k

,   

点赞0


评论


一只dog.创造师一只dog.创造师

emotion_doge

点赞0


评论


ZNS_哪吒ZNS_哪吒

))

点赞1


评论


OHDaveOHDave

不相信()

除非吉吉重新发出来(emotion_doge

点赞1


评论