做了一个 WebGL 的粒子效果 3D 佩奇,祝大家新年快乐~ - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
xiangbulala
V2EX    分享创造

做了一个 WebGL 的粒子效果 3D 佩奇,祝大家新年快乐~

  •  
  • /div>   xiangbulala 2019-01-26 17:03:34 +08:00 11619 次点击
    这是一个创建于 2452 天前的主题,其中的信息可能已经有所发展或是发生改变。

    ThingJS 在 V 站投了不少广告啦,大家应该都知道我们是做 3D 可视化的啦~快放假了,做一个小猪佩奇的粒子特效 demo,蹭蹭热度,祝大家春节快乐~有 3D 应用开发需求可以试试 ThingJS

    大家可以扫码玩一下~有个小彩蛋

    DEMO:佩奇粒子特效

    第 1 条附言    2019-01-28 18:03:49 +08:00
    有些同学想要源码,放到百度云了: https://pan.baidu.com/s/1fhf3Zdc1d4ebn0OEyS7xjA

    代码复制到 http://www.thingjs.com/guide/?m=sample 可以直接运行,如果要修改模型需要自己上传,改背景换资源文件就行了
    41 条回复    2019-10-17 20:17:00 +08:00
    xiangbulala
        1
    xiangbulala  
    OP
       2019-01-26 17:07:21 +08:00
    据说佩奇后面这个福字能扫到敬业福...
    designer
        2
    designer  
       2019-01-26 17:10:14 +08:00 via iPhone
    非常棒!
    FYK
        3
    FYK  
       2019-01-26 17:19:45 +08:00
    扩胸 为啥都是你在推广 你们的程序员呢
    geshansuiyue
        4
    geshansuiyue  
       2019-01-26 17:22:40 +08:00
    话说这不是乔治吗
    xiangbulala
        5
    xiangbulala  
    OP
       2019-01-26 17:36:06 +08:00
    @geshansuiyue 卧槽真的么!
    xiangbulala
        6
    xiangbulala  
    OP
       2019-01-26 17:38:41 +08:00
    @geshansuiyue 骗我,乔治是圆的

    xiangbulala
        7
    xiangbulala  
    OP
       2019-01-26 17:38:57 +08:00
    @FYK 写 bug 呢...
    xupefei
        8
    xupefei  
       2019-01-26 18:26:03 +08:00   6
    BUG 报告:真正的佩奇侧面有两只眼(见 6L 图),但你的模型里只有一只眼。3D 模型应该有四只眼才对,请修复!
    JinChen
        9
    JinChen  
       2019-01-26 18:48:00 +08:00 via iPhone
    @xupefei 这个好像是这么回事
    NonClockworkChen
        11
    NonClockworkChen  
       2019-01-26 21:54:23 +08:00
    切换 变福字,是真的精髓,牛逼。
    jecshcier
        12
    jecshcier  
       2019-01-26 22:00:26 +08:00 via iPhone   1
    ios 测试无法显示,旋转了只看到部分烟花
    Mijjj
        13
    Mijjj  
       2019-01-27 04:38:30 +08:00 via iPhone
    @jecshcier iOS 可以到福字、猪以及转换效果
    zackwu
        14
    zackwu  
       2019-01-27 11:25:48 +08:00
    多点几次佩奇,就会发现彩蛋哦
    alw
        15
    alw  
       2019-01-28 09:46:14 +08:00
    这玩意蛮简单的,做两个 3D 模型,然后把顶点显示出来,触发转换时,利用 tween.js 移动顶点。
    zepto
        16
    zepto  
       2019-01-28 09:46:57 +08:00
    原来佩琪的正面这么猎奇
    ihoey
        17
    ihoey  
       2019-01-28 13:08:27 +08:00 via Android
    打开音频一直报错,不知道是不是因为在微信
    Tink
        18
    Tink  
    PRO
       2019-01-28 13:21:56 +08:00 via iPhone
    @jecshcier #12 你的问题
    leloext
        19
    leloext  
       2019-01-28 13:32:17 +08:00
    jseanj
        20
    jseanj  
       2019-01-28 15:33:27 +08:00
    你这个不对,佩奇是 4 只眼睛的
    chinayeke
        22
    chinayeke  
       2019-01-28 17:06:23 +08:00
    LZ 有源码么?允许我改一下 发朋友圈装个 X
    xiangbulala
        23
    xiangbulala  
    OP
       2019-01-28 17:11:46 +08:00
    @chinayeke 怎么给你 邮箱?
    gipsymoth
        24
    gipsymoth  
       2019-01-28 17:34:44 +08:00
    @xiangbulala 发我一份 饿也想装个 X [email protected] 谢谢
    xiangbulala
        25
    xiangbulala  
    OP
       2019-01-28 17:51:03 +08:00   1
    @gipsymoth 发啦
    xiangbulala
        26
    xiangbulala  
    OP
       2019-01-28 18:08:34 +08:00
    @chinayeke APPENDl 传到百度云了
    zhouyut001
        27
    zhouyut001  
       2019-01-28 18:55:34 +08:00
    不是应该有 4 个眼睛的嘛?
    EyreFree
        28
    EyreFree  
       2019-01-28 19:20:56 +08:00
    看起来很酷炫...
    SomeBottle
        29
    SomeBottle  
       2019-01-29 14:37:47 +08:00
    这不是我印象中的比目猪
    xiangbulala
        30
    xiangbulala  
    OP
       2019-01-30 15:11:50 +08:00


    这个角度的佩奇看起来好神奇...
    lovejunjie1
        31
    lovejunjie1  
       2019-01-30 15:35:31 +08:00
    你这个佩奇是假的,只有一只眼
    xiangbulala
        32
    xiangbulala  
    OP
       2019-01-30 15:40:31 +08:00   4
    @lovejunjie1 是是是,我应该用这只猪才对

    locoz
        33
    locoz  
       2019-01-30 16:01:40 +08:00
    @xiangbulala #32 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈
    lovejunjie1
        34
    lovejunjie1  
       2019-01-30 17:44:02 +08:00
    @xiangbulala 哈哈哈哈哈哈哈哈哈哈哈哈哈哈
    gsanidt
        35
    gsanidt  
       2019-01-30 17:52:59 +08:00
    源码放百度盘,这个是为什么?
    xiangbulala
        36
    xiangbulala  
    OP
       2019-01-30 17:56:44 +08:00
    @gsanidt 因为不知道放哪
    mamahaha
        37
    mamahaha  
       2019-01-30 18:49:51 +08:00
    ThingJS 比 threejs 好使吗?
    xupefei
        38
    xupefei  
       2019-01-30 19:44:46 +08:00
    @xiangbulala #32 你这个模型还是有 BUG:
    1 )如果从左边看的话,佩奇的鼻孔没了。正确的模型应该有四个鼻孔,鼻子应该是三角形突出的。
    2 )从左侧看的话,耳朵位置不对。耳朵应该是居中的。
    请修复!
    dyxang
        39
    dyxang  
       2019-02-03 22:09:54 +08:00 via Android
    楼主我想知道如何在自己网站运行这个……
    xiangbulala
        40
    xiangbulala  
    OP
       2019-02-20 15:42:48 +08:00
    @dyxang iframe 过去

    @gsanidt 因为不知道放在哪方便下载

    @mamahaha 比 three.js 简单些
    xcmkxcmk81
        41
    xcmkxcmk81  
       2019-10-17 20:17:00 +08:00
    @xiangbulala 请问你是否接私活 外包呀
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5593 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 44ms UTC 05:56 PVG 13:56 LAX 22:56 JFK 01:56
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86