logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

【共创稿事节】HarmonyOS ArkGraphics 2D酷炫效果展厅实操——用四种动效把画面点亮

先用较粗、低透明度的 Pen 画光晕,再用细 Pen 画彩色主线,最后叠一条白色高光线,光轨就有了“亮边”。目标是做一个可以反复演示的“动效展厅”,让读者打开应用就能看见 ArkGraphics 2D 能做什么,并且能现场验证暂停、恢复、倍速和复位。如果继续扩展,可以把四个绘制函数拆成独立的效果类,再把相位输入替换成真实的地图轨迹、传感器数据或音频采样,展厅就能直接变成业务页面。这四个效果都在真机

文章图片
【共创稿事节】HarmonyOS ArkGraphics 3D 实操——给智能音箱做一台结构探索台

点击“开始拆解”,音箱沿着一条装配轴逐件展开:顶盖面、灯环、机壳、状态灯、网罩壳、孔壁、上底座和下底座各自离开原位。进度到 100% 后,选择任意细件即可自动拉近镜头;拖动模型还能从顶部、底部和侧面检查它的形状。这是一个可以直接运行的 ArkGraphics 3D 教学案例。模型资源随应用打包,页面在 HUAWEI Mate 60 Pro 上运行,拆解、组装、进度拖动、细件高亮、近距离查看和相机观

文章图片
【共创稿事节】HarmonyOS ArkGraphics 3D实操——给智能音箱做一间材质实验室

同一只音箱,换成暖白塑料,表面呈现柔和、均匀的哑光;换成银色金属,机壳上出现集中的高光和细密横纹;换成灰棕织物,光线落在交错的经纬纱线上。模型轮廓没变,表面却有了三种不同的观感。这一篇把音箱放进一间可以动手调整的材质实验室:切换三套外观、拖动材质参数、改变光照方向,再把机壳、顶盖和网罩单独拿出来观察。还可以打开网罩剖面,从开口看到内侧和边缘厚度。

文章图片
【共创稿事节】HarmonyOS ArkGraphics 3D实操——做一个可暂停、可拖动的音箱场景动画

这一次不再只旋转模型,而是让智能音箱自己完成一次装配:底座先归位,网罩和机壳随后从不同空间方向回到中心,灯环与顶盖最后合上。当前正在运动的零件会被薄荷色高亮,拖动时间线可以停在任意装配阶段,再上下左右环绕检查空间关系。暂停在 43% 时,画面保留机壳、网罩和底座,顶盖与灯环仍在待装配位置;点击播放后继续向 100% 归位。拖动时间线到中段会记录,节点立即跳到对应装配状态。

文章图片
【共创稿事节】HarmonyOS ArkGraphics 3D 实操——让智能音箱的灯环呼吸起来

同一台音箱,薄荷青带来安静的待机感,紫色用短促脉冲提示变化,暖橙则慢慢亮起、缓缓暗下。把灯环交给时间控制,一件静态产品就多了表达状态的方式。本文案例是独立的 Orbit Light Studio:打开页面时音箱从下方进入展示区,灯环随后亮起;下方可以切换灯效、拖动进度、暂停播放和重播入场。灯环亮度与进度显示读取同一份时间数据。本文截图与动图均采集自 Mate 60 Pro,模型资源随应用打包,无需

文章图片
【共创稿事节】HarmonyOS ArkGraphics 3D 实操:用 GLB 节点与 PBR 材质打造智能音箱选配器

三个@State点击暮光紫环后,ringIndex这样的状态结构不会出现“模型已经换成暮光紫环,摘要还显示薄荷青环”的错位。用户继续修改已确认方案时,确认提示也会自动清空。

文章图片
【共创稿事节】HarmonyOS ArkGraphics 3D 实操:用 GLB 与 PBR 完成智能音箱外观预览器

如果一款智能音箱出现在商城页面,最直观的体验不是先读一串参数,而是换个颜色、转一圈,看清机身、网罩和金属底座的细节。OrbitDesk 把这个过程搬到了 HarmonyOS:本地 GLB 负责造型,PBR 材质负责质感,滑杆和手势负责观察角度。接下来从资源加载、灯光、换色、旋转到退出释放,完整做出这个可以在手机上直接操作的 3D 外观预览器。项目资源全部打包在应用内,运行时无需联网。

文章图片
【共创稿事节】ArkGraphics 3D开发环境安装实战:从官网下载编辑器,到 DevEco Studio 离线装插件

编辑器安装包和插件压缩包不要混淆:前者需要运行安装程序,后者要在 DevEco Studio 的插件设置中导入。Editor 负责独立的 3D 编辑器,Plugin 负责 DevEco Studio 集成,两项需要分别安装。如果 Installed 列表中没有结果,先检查选择的是否是官网下载的 ZIP,而不是编辑器主程序安装包;后续 3D 实操会在这个环境上继续:先用编辑器准备模型和材质,再在 H

文章图片
HarmonyOS ArkGraphics 2D 离线图像处理实操:用 EffectKit 做旅拍滤镜台

一张照片不上传服务器,也能在手机上完成柔焦、灰度和反色。本文把这条链路做成一个可运行的滤镜台:先生成一张离线 PixelMap,再用 EffectKit 产生新的 PixelMap,最后在 Canvas 上切换预览。

文章图片
#harmonyos#图像处理#华为
HarmonyOS ArkGraphics 2D 实操:把一条极光轨迹做成可交互徽章

这次不做孤立的线条示例,直接做一枚能放进真实页面的:天空、山峰、帐篷、营地路线和移动信标全部由 ArkGraphics 2D 绘制;点击主题、拖动线宽、切换线帽/转角,画面会即时重绘;点击“生成成品贴纸”还能把实时画布冻结成一张离屏 PixelMap。上面的 GIF 是 Mate 60 Pro 连续截取的 12 帧真机画面,信标沿路线移动,画面不是预制动画。

文章图片
#harmonyos#华为
    共 450 条
  • 1
  • 2
  • 3
  • 45
  • 请选择