• 2024-06-24PixiJS教程(一):创建精灵
    Pixi.js中的精灵(Sprite)是游戏开发中常见的概念,特指用于在屏幕上渲染的图像或纹理(Texture)的实例。在Pixi.js中,精灵是基本元素之一,通常用于显示图像。本教程采用PixiJS7.2版本精灵在Pixi.js中的使用涉及以下几个主要步骤:创建精灵创建精灵的方法有多种,这里展示比较常用的con
  • 2024-05-14VUE3.0 中如何使用SVG图标
    1.文件下新建SvgIcon文件夹以及子文件index.js,index.vue,svg文件夹(用于存放svg图片) 2.编写index.vue组件<template><svg:class="svgClass"aria-hidden="true"><use:xlink:href="iconName"/></svg></template><
  • 2024-04-29使用图集Atlas创建Fnt文件的工具
    fnt文件生成unity字体的原理其实就是渲染图集Atlas上的Sprite,这边直接利用Unity自带的图集工具生成fnt文件注意:这里生成的fnt文件还没发直接用,因为没有关联字符,这个工具只是第1步,要配合Fnt编辑工具一起使用 publicclassSpriteToFntTool:EditorWindow{[MenuItem("
  • 2024-04-08如何在vue工程中模块化使用大量的svg图片
    如果你在执行 requireAll(requireSvg) 后得到的是一个 BrowserSpriteSymbol 数组,并且能够直接使用 <use> 进行引用,这通常意味着在构建过程中有一些特定的Webpack配置和/或自定义加载器(loader)被用来处理SVG文件,并将它们转换为一个SVGSprite,其中每个SVG都转换为了一个
  • 2024-04-05孤独的城市公路
    致敬裴总缺点没有一个车没有背景音乐后期都会添加为什么裴总良心裴总真良心还有音乐还是3D还有开始按钮还能game还有结尾还有结尾提示"""ParallaxExamplepython-marcade.examples.parallax"""importarcadeSCREEN_WIDTH=700SCREEN_HEIGHT=
  • 2024-04-02Niagara学习
    Niagara发射器的属性里面是设置用CPU执行还是GPU执行发射器生成弄一些属性 发射器更新模块    EmitterState EmitterState 发射器状态,一个是system系统默认,一个是self自己控制,表示粒子生命结束后是否删除    SpawnRate 生成粒子的频率    Spawn
  • 2024-03-21Unity学习笔记 6.2D换帧动画
    下载源码UnityPackage目录1.导入图片1.1.图片的叠放顺序2.图片切片3.用动画控制器让马
  • 2024-02-21three.js 添加 echarts图表
    functioninitChart(){////基于准备好的dom,初始化echarts实例varmyChart=echarts.init($("<canvaswidth='512'height='512'></canvas>")[0]);//绘制图表myChart.setOption({title:{text:'ECharts入门示例'
  • 2024-02-07UGUI 基础控件
    基础控件ImageSourceImage:图片来源(图片类型必须是“精灵”类型)Color:图像的颜色Material:图像的材质(一般不修改,会使用UI的默认材质)RaycastTarget:是否作为射线检测的目标(如果不勾选将不会影响射线检测)Maskable:是否能被遮罩ImageType:图片类型Simple:普
  • 2024-02-02(数据科学学习手札158)基于martin为在线地图快速构建精灵图服务
    本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes1简介大家好我是费老师,martin作为快速发展中的新一代开源高性能地图服务框架,在之前的两篇文章中,我已为大家分别介绍过使用martin快速发布矢量切片地图服务(https://www.cnblogs.co
  • 2023-12-17关于Unity的Piexels Per Unit:美术素材到底要画多大?显示多大?
    问题一:Unity的一个单位(unit)是啥?就是场景里面的这样一个小格子。 新建一个square,它的默认scale是1,可以正正好塞满1个unit。 点开square的sprite,可以看见(①)图片尺寸是256x256像素,也就是你导入工程文件的图片文件的尺寸。那么它为啥能正好塞满1个unit呢?256像素和1个unit的边
  • 2023-11-24unity 精灵图集(Sprite Atlas)使用以及带来的问题
    1、图集的使用参考https://zhuanlan.zhihu.com/p/4561013732、注意点unity中设置必须是图集的设置TightPacking选项取消,若打勾切图会有问题。
  • 2023-11-24PlayMaker 扩展额外创建更多的脚本
    自定义设置Image扩展usingSystem;usingUnityEngine.UI;usingUnityEngine;namespaceHutongGames.PlayMaker.Actions{[ActionCategory(ActionCategory.UI)][Tooltip("设置图片")]publicclassSetSImage:FsmStateAction{[RequiredFie
  • 2023-11-23Cocos Creator 3.x 如何加载远程图片的详细步骤
    CocosCreator3.x是一款基于JavaScript语言开发的游戏开发引擎,支持跨平台开发,可以在Web、iOS、Android等平台上运行。在游戏开发中,经常需要加载远程图片,比如玩家头像、游戏道具等等。本文将详细介绍CocosCreator3.x如何加载远程图片,并给出代码实现。对啦!这里有个游戏开发交流
  • 2023-11-10Cocos Creator中Sprite组件使用详解
    在CocosCreator游戏开发中,Sprite组件是非常重要的组件之一,也是使用最频繁的组件之一。因此,必须对其非常熟悉。Sprite组件简介1:游戏中显示一个图片,通常我们把这个叫做”精灵”sprite2:cocoscreator如果需要显示一个图片,那么需要在节点上挂一个精灵组件,为这个组件指定要
  • 2023-11-03记一次Unity性能优化
    Beforeyoumakeanychanges,youmustprofileyourapplicationtoidentifythecauseoftheproblem.Ifyouattempttosolveaperformanceproblembeforeyouunderstanditscause,youmightwasteyourtimeormaketheproblemworse.——unity文档在改代码
  • 2023-10-26CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批,通过自定义顶点参数(一)、前言
    前言为啥要合批减少DC什么是自定义顶点参数通过几何体实例化特性(GPUInstancing)可使GPU批量绘制模型相同且材质相同的渲染对象。如果我们想在不打破这一特性的情况下单独修改某个对象的显示效果,就需要通过自定义几何体实例化属性。参考文档UI(Sprite)怎么你了?按照文
  • 2023-10-26CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批,通过自定义顶点参数(二)、具体操作步骤
    具体操作步骤接下来以一个制造旋转效果的shader为例子,提供了这些参数的设置:旋转速度float旋转中心位置vec2逆时针/顺时针bool扭曲度float并在使用的贴图一致的前提下并且参数不同的值都能够合批。最终项目可以从GITHUB获取。CCC版本:3.8.0深入了解可以阅读后续
  • 2023-10-26CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批,通过自定义顶点参数(三)、参考资料
    参考资料资料1来源:https://forum.cocos.org/t/topic/148747/28用户:homym(tkhoi01281)3.x版自定参数我是利用createMesh方法去生成ui,因为createMesh就有自定义顶点参数的方法这个改动其实是可以弄一个新sprite来继承老spirte,然后把引擎里的simple.ts,splice.ts等assemb
  • 2023-10-20关键概念
    Java游戏开发中的关键概念1. LibGDX: LibGDX是一个流行的Java游戏开发框架。它提供了一组用于跨不同平台创建2D和3D游戏的工具和库。2.游戏循环:游戏开发通常涉及不断更新和渲染游戏元素的游戏循环。Java的效率是管理此循环的宝贵财富。3. Sprite动画:Java用于创建Spr
  • 2023-10-11Unity完美像素Sprite:怎么让图片变得清晰(转载) Unity Pixel Perfect Sprite: How To Achieve Crispy And Sharp Images
    https://gamedevelopertips.com/unity-pixel-perfect-sprite/SoIwasmakingalittleprototypeformynewgamewhenIjustcameacrossalittleproblem.ThespritethatIwasloadingintoUnitywasjustlookingtoopixelatedandnotsharpatall.SoIspen
  • 2023-10-11问题记录:Unity部分Sprite跳跃移动
    问题展示这个图片中,可以发现巴郡两个字的移动和其他图片不一致。表面原因是因为这个两个图片资产的filtermode为point导致的,其他图片资产为bilinear。解决方案未知。
  • 2023-09-28Unity保存一组sprite为spritesheet
    背景之前尝试在Unity编辑器用代码读取打包好的数据,发现在布置场景的时候不能做到所见即所得,这里将运行时读取到的图片素材,保存为spritesheet,并设置对应的sprite。效果展示代码usingSystem;usingSystem.Collections.Generic;usingSystem.IO;usingSystem.Linq;usingSy
  • 2023-09-28CocosCreator3.x 应用在UI(Sprite)上的 shader 要怎么利用 自定义顶点参数 来实现合批?
    前言为啥要合批减少DC什么是自定义顶点参数通过几何体实例化特性(GPUInstancing)可使GPU批量绘制模型相同且材质相同的渲染对象。如果我们想在不打破这一特性的情况下单独修改某个对象的显示效果,就需要通过自定义几何体实例化属性。参考文档UI(Sprite)怎么你了?按照文
  • 2023-09-253D力导向树插件 3d-force-graph
    3d-force-graph是什么?一个Web组件,使用强制导向的迭代布局来表示3维空间中的图形数据结构。使用ThreeJS /WebGL进行3D渲染,使用d3-force-3d或ngraph作为底层物理引擎。 3d-force-graph可以做些什么?参考以下效果:哔哩哔哩:https://www.bilibili.com/video/BV1WS4y1s7st