内置函数 GLSL ES 提供了很多内置函数,我们一起来看下: 角度函数 radians 角度制转孤度制 degrees 弧度制转角度制 三角函数 sin 正弦 cos 余弦 tan 正切 asin 反正弦 acos 反余弦 atan 反正切 指数函数 pow 开方 exp 自然指数 log 自然对数 exp2 2的x方 log2 以2为底对数 sqrt 开平方 inversesqrt 平开方的倒数 通用函数 abs 绝对值 min 最小值 max 最大值 mod 取余数 sign 取下负号 floor 向
kkFileView 自 2017 年开源至今,已经支持 23 种文件类型,上百种文件后缀的文件在线预览。已在 Gitee 收获 17.2K 、Github 收获 8.2K star, 我们一直在精心打磨 kkFileView ,旨在打造开源里最好用最强大的文件在线预览项目。
当我第一次看到这张图的时候,第一反应就是,这不就是一张随机的运动图嘛,把每粒子的运动轨迹位置添加一个通过random函数获取数值不就可以了?
很不错的游戏体验,颇有点小时候玩的红警氛围,喜欢的感觉试玩吧,源码已经开源! http://mpvideo.qpic.cn/0bc334aaoaaafeafuyko7nrfbx6da7pqabya.f
这两月使用Power BI矩阵视觉对象结合SVG矢量图对柱形图的同期对比进行了些尝试。以下是成果展示,制作需要有基础的SVG知识,参考《Power BI SVG制图入门知识》
在Excel中,我们经常会遇到要将文本拆分。Excel中的文本拆分为列,可以使用公式、“分列”功能或Power Query来实现。
畅游当今的信息海洋既是一个奇迹,又是一个迷宫。全文和矢量搜索使我们能够构建搜索体验,使用户能够找到相关的产品、内容等。随着我们对搜索精度和上下文的追求不断发展,出现了一个问题:我们能否平衡全文搜索的词汇灵活性和向量搜索的语义深度?
近来风生水起的VR虚拟现实技术,抽空想起年初完成的“星球计划”项目,总结篇文章与各位分享一下制作基于Html5的3D全景漫游秘籍。 QQ物联与深圳市天文台合作,在手Q“发现新设备”-“公共设备”里,连
近来风生水起的VR虚拟现实技术,抽空想起年初完成的“星球计划”项目,总结篇文章与各位分享一下制作基于Html5的3D全景漫游秘籍。 QQ物联与深圳市天文台合作,在手Q“发现新设备”-“公共设备”里,连接QQ物联摄像头为用户提供2016年天体大事件的直播,大家可以通过手Q实时观看到世界各地最佳观测点的日食,流星等天体现象。承载整个“星球计划”活动的运营页面,经多方讨论,我们决定尝试3D全景漫游模式的H5运营页进行推广,今天就不详述活动的具体内容,先和大家聊一聊这H5里“3D全景漫游”的制作方法。 先贴一
有不少人梦想成为奎特尔星球上的一名创世之主,但之前却对奎特尔知之甚少,为是否要侵略奎特尔星球有所顾虑。要想要入侵奎特尔星球,表面上看起来容易,但稍有不注意容易迷失。Shawn在奎特尔星球上呆了有大半年了,再加上之前在奎特尔的兄弟星球cocos2d-js上开垦了三年,略有心得,愿与你分享。
文章和教程 Vue 学习笔记 Node 学习笔记 React 学习笔记 Angular 学习笔记 RequireJS 学习笔记 Webpack 学习笔记 Gulp 学习笔记 Python 学习笔记 Egret 引擎学习笔记 流处理,TCP 和 UDP,WebRTC 和 Blob 学习笔记 博客 前端回忆录 | 前端笔记本 - 一个前端博主记录的心得和总结 Hasnode - Hashnode 是在您的个人域 free 上免费创建开发者博客并通过我们的全球开发者社区与读者联系的最简单方法! 👩💻👨💻 De
陀螺是老师小时候最喜欢的玩具之一,一个锥形的东东用小皮鞭一抽,就能大头朝上小头朝下高速地旋转起来,冬天在冰面上玩这个玩意其乐无穷。那个时候老师就想为什么它一转起来就能立住不倒,而且转得越快立得就越直,一旦转慢了就开始摇头晃脑,直到最后倒下。这是为什么呢?这个疑问直到老师上了大学,学了普通物理才被解开。前些天,一个航天系统的粉丝宝宝让我瞎想一下陀螺的故事,那就这这里给宝宝们说说这个事。由于这里没法画图,而陀螺的故事又是发生在一个立体空间的故事,要想说清楚,将极大地考验老师的文字表达能力,同时也极大
现在大部分博客图标都采用Font Awesome图标库,因为Font Awesome图标库满足了大部分用户的需求了,但做为喜欢花里胡哨的我们是不够的,Font Awesome图标库的图标不仅没有彩色的图标,个性化的图标还有点少!所以对于我们喜欢彩色的菜单图标选择性很少!所以只能引入其他的矢量图标库,今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。
GIS的底图一直使用金字塔技术进行切图,使用户能够快速访问指定级别的地图或者影像。但是切图本身是一张图片,无法进行交互。于是又引入了矢量图层用来显示矢量点线面,这通常需要先获取矢量地理数据,然后通过前端将其绘制成不同元素便能通过鼠标进行响应交互了。
很多想要从事前端开发的人员都会遇到一个最常见的问题,那就是我应该从哪里开始。我应该先学习一些网页设计基础,还是应该学习一些html,css的语法,我是应该看视频学习,还是应该看书学习。
全网最全青龙面板拉库任务大全,青龙面板目前能跑任务合集! 脚本搜集于网络,自行分辨食用,如有过期,评论区留言
百度地图API : 使用百度地图的 api , 它能够在线联网展示地图, 百度地图需要申请 ak
图形 饼图的基本实现 地图 饼图的基本实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src
FIFA官网有世界杯每场比赛的球员卡片图展示效果,如下图所示。这个布局其实可以在Power BI使用内置表格轻松实现。核心原理是使用SVG矢量图中的文本标签
等值面,顾名思义,就是值相等的面,在水文或气象中会有很多这样的需求。本文不讲如何做等值面,本文将如何展示等值面。
对一个矢量图动画,开启位图缓存能大大提高运行效率。所谓开启位图缓存,其实要自己动手,先创建一个临时canvas,然后把矢量图绘制到这个canvas上,到了实际绘制时,直接把这个临时canvas拷贝到真正canvas上。而位图拷贝的速度是非常快的,比重新绘制矢量图要快很多。 三部曲: 1、建立临时canvas(位图缓存) p.cache = function(x, y, width, height, scale) { // draw to canvas. scale =
蘑菇博客前端页面最开始使用的图标都是一张张的 png 图片,在不同的分辨率上会出现失真的情况,后面在其它小伙伴的介绍下,我了解到了矢量图标。
在与谷歌创意实验室的合作,我很高兴地宣布的发行TensorFlow.js版本PoseNet 机器学习模型,它允许在浏览器中实时估计人类姿态。在这里试试现场演示(链接在文末)。
羿阁 发自 凹非寺 量子位 | 公众号 QbitAI RISC-V,真的要上天了! 因为美国知名的RISC-V芯片设计厂商SiFive宣布: NASA选中RISC-V,作为下一代高性能航天计算 (HPSC) 提供核心CPU。 SiFive声称,该处理器将提供至少100倍于当前航天计算机的算力,且将适用于从行星探索到月球和火星表面任务的所有类型的未来太空任务。 消息一传出,有网友表示惊讶:还以为NASA会选择一个已被检验过的CPU,没想到选了RISC-V。 那么这一选择背后的考量是怎样呢?赶紧来看看。 为
地理信息系统(英语:Geographic Information System,缩写:GIS)是一门综合性学科,结合地理学与地图学,已经广泛的应用在不同的领域,是用于输入、存储、查询、分析和显示地理数据的计算机系统。具体解释请参考维基百科。 虽说GIS这门学科很复杂,但是从开发层次来划分,一般分为底层开发和二次开发。GIS组件发展迅速,将底层算法进行了封装。二次开发人员只要掌握相关组件的API函数,基本能完成业务需求。
你不懂JS - 可能是用现代JavaScript编写的最好的书,完全可以免费在线阅读,或者可以买来支持作者。
D3指的是Data-Driven Documents,js即Javascript,是后缀名。先看看官网上对D3.js库的定义:
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
这是零售业常遇到的一个需求,销售目标分解到每天,需要看到每天的达成情况,又需要看到月度汇总的达成情况。Power BI实现效果如下图:
先说点题外话。昨天有同学在后台留言,问我最近两天怎么没更新?由于最近一段时间,有很多新的朋友关注我,不知道我的更文习惯,我在这里统一回复一下:
SVG 是一种可缩放矢量图形(Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG 由 W3C 制定,是一个开放标准。
由于笔者目前从事开发图形编辑器,在开始的那段时间里,调研和研究了非常多的图形编辑器,图像编辑器之类的软件,开源,闭源的,免费的,商业的都有。今天的这篇文章就来简单概述一下我调研的结果和过程。
腾讯ISUX isux.tencent.com 社交用户体验设计 如果,有一只萌萌哒的企鹅 从250光年外,来到深圳, 你会去看吗? 什么?你要看颜值再决定? OK 请先看一下视频 先说一个外星生物的故事 PUPU企鹅是生活在 250光年外的奇特生物。 拥有超凡能力的他们, 坐着太空船穿梭在浩瀚的宇宙里, 只为了寻找最美好的事物! 突然,前方一颗叫地球的行星 发出了强烈的信号。 这个色彩斑斓的星球, 拥有众多爱美的人群, 特别是 深圳的YCG(腾讯原创馆)社区 PUPU
矢量图标是矢量图的一种,这种图形也叫做绘图图像,是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制,并且通过数学公式计算获得,所以,矢量图最大的特点就是可以无限根据设计需要放大或缩小,并且不会失真。那么,这么好用的矢量图标,要到哪里去找呢?今天我就和大家一起逛逛国内外比较常用的矢量图标的网站。
有朋友在公众号留言,提出「奎特尔星球」上的文章对于初学者路径不清晰,不知道按怎么的顺序阅读。
点击上方“芋道源码”,选择“设为星标” 管她前浪,还是后浪? 能浪的浪,才是好浪! 每天 10:33 更新文章,每天掉亿点点头发... 源码精品专栏 原创 | Java 2021 超神之路,很肝~ 中文详细注释的开源项目 RPC 框架 Dubbo 源码解析 网络应用框架 Netty 源码解析 消息中间件 RocketMQ 源码解析 数据库中间件 Sharding-JDBC 和 MyCAT 源码解析 作业调度中间件 Elastic-Job 源码解析 分布式事务中间件 TCC-Transaction
* 因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的图片名称引用。
SVG,指可缩放矢量图形(Scalable Vector Graphics),是用于描述二维矢量图形的一种图形格式,是由万维网联盟制定的开放标准。 SVG 使用 XML 格式来定义图形。SVG的几个特点
一年一度的 JSConf 大会又召开,这是 2010 的官网:http://2010.jsconf.us/
前言 以往做一些H5的运营项目,都是动画设计师使用Animate cc(原来的Flash)先设计好动画原型,然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的,而且还要高质量的还原动画设计师设计好的动画,来回沟通成本也非常高。 那有没有一种高效的方法来改善这种流程,提高开发效率的同时还能完成高品质的动画呢? 经过一段时间的摸索,发现AnimateCC(就是原来的Flash)可以导出canvas动画,而且是基于createjs这个开发轻量级游戏的js库的,非常适合用来做移动端的
这个TensorFlow.js项目名叫Pose Animator,Demo一上线,网友们已经玩嗨了。
微服务架构的特点是独立服务,这些服务专注于特定的业务功能,并由小型、自包含的团队维护。微服务架构经常用于在 AWS 上开发的 Web 应用程序,这是有充分理由的。它们提供了许多众所周知的好处,例如开发敏捷性、技术自由、有针对性的部署等等。尽管微服务很受欢迎,但许多前端应用程序仍然以单体风格构建。例如,他们有一个与所有后端微服务交互的大型代码库,并由一大群开发人员维护。 图 1. 带有单体前端的微服务后端 什么是微前端? 微前端架构将微服务开发原则引入前端应用程序。在微前端架构中,开发团队独立构建和部署“
在现代前端开发中,无论是构建游戏、数据可视化还是动画效果,合适的2D图形库可以增加用户的趣味性,接下来就给大家介绍几个常用的2D图形库
本文主要探讨JPG/PNG转SVG矢量格式并支持FILL的方法,介绍在线转换网站和通过illustator转换的经验。
前言:使用 SVG 作为占位符不但可以减少数据大小还可以达到不错的显示效果。 不同类型的图片 placehold 📷 请点击此处输入图片描述 对于图片占位符,通常我们会使用以下几种处理方式。 保持图像为空:这样可以保证内容不会出现跳动。 默认占位符:比如说用户想要查看个人资料显示头像内容,如果请求失败或者没有上传过图片,那么通常会使用默认占位符(这种占位符一般会使用 SVG 资源)。 纯色:从图像中获取颜色,并作为背景颜色。图片在过度是时候回显得比较平滑(pinterest就是使用这种方式)。 模糊的图像:
额,废话就不多说了,我今年3月份开始,接触了2个GIS项目,其实说是GIS,也就是操作地图-_-; 本来我以前从来没接触过GIS,心里没底,不过做了之后,感觉貌似基本的也不是很难了。说下大概的情况吧 项目一,使用的是国产地图引擎 mapengine,它的客户端是个javaapplet, 特点是客户端绘图,不过画出来的地图那是真的难看无比,就不多说了,我接手了那个项目之后,有以下几个感想: 1,从这个项目来看,地图只是一种展现形式,它的业务其实和企业管理系统比起来,那简直是太容
要求 将图一格式数据转化成图二格式数据 📷 图一 📷 图二 原始json数据 [{ "id": 15, "paramName": "distance", "paramValue": "1", "description": "定位前后位置在一定距离内不跳动 单位:米", "companyId": 1, "paramTypeId": 2 }, { "id": 110, "paramName": "floorNum", "paramVal
从事前端的朋友应该对“字体图标”这个词汇不陌生,为了适应越来越挑剔的屏幕,网页图标和简单图案使用 .png 来搭建已经基本上被淘汰了。取而代之的是使用 css3 和 svg 来绘制,而对于网页小图标,
前言 本文所涉及技术与Geotrellis并无太大关系,仅是矢量瓦片前端渲染和加载技术,但是其实我这是在为Geotrellis的矢量瓦片做铺垫。很多人可能会说,Geotrellis为什么要搞矢量瓦片,这不就是前端展示吗。其实不然,首先Geotrellis可以用分布式技术进行快速矢量瓦片切割,当然这不是主要的,因为单台服务器基本也能很快处理矢量瓦片的切割,重要的是Geotrellis可以使用矢量瓦片进行空间计算,这样可以矢栅一体化,矢量瓦片和栅格瓦片同时进行计算,这个东西就厉害了,将大大的提高空间数据分析的可
领取专属 10元无门槛券
手把手带您无忧上云