V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
xiangbulala

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

  •  
  •   xiangbulala · Jan 26, 2019 · 12138 views
    This topic created in 2653 days ago, the information mentioned may be changed or developed.

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

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

    DEMO:佩奇粒子特效

    Supplement 1  ·  Jan 28, 2019
    有些同学想要源码,放到百度云了: https://pan.baidu.com/s/1fhf3Zdc1d4ebn0OEyS7xjA

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

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


    这个角度的佩奇看起来好神奇...
    lovejunjie1
        31
    lovejunjie1  
       Jan 30, 2019
    你这个佩奇是假的,只有一只眼
    xiangbulala
        32
    xiangbulala  
    OP
       Jan 30, 2019   ❤️ 4
    @lovejunjie1 是是是,我应该用这只猪才对

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

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

    @mamahaha 比 three.js 简单些
    xcmkxcmk81
        41
    xcmkxcmk81  
       Oct 17, 2019
    @xiangbulala 请问你是否接私活 外包呀
    yiyiniu
        42
    yiyiniu  
       Jan 21
    @xiangbulala 需要做个动效,使用 thingjs ,可以加个 V 嘛
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2417 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 89ms · UTC 07:51 · PVG 15:51 · LAX 00:51 · JFK 03:51
    ♥ Do have faith in what you're doing.