博客 RSS 訂閱

weishiledanhe 頭像

風研雨墨 - WebGL學習筆記着色器語法篇-語法篇

GLSL語法 變量聲明請查看上一篇WebGL學習筆記着色器語法篇-數據類型篇 變量簡單運算 // 32位浮點數相加 float a = 2.0; float b = 4.0; float c = a+b; //整數相加 int a = 2; int b = 4; int c = a+b; 兩個變量進行運算，需要保持一樣數據類型，否則報錯。 函數聲明 函數計算後,如果需要返回的值，通過關鍵字retu

glsl , webgl

收藏 評論

uwatechnologies 頭像

侑虎科技 - Text Mesh Pro圖文混排如何對任何圖片都能實現

1）Text Mesh Pro圖文混排如何對任何圖片都能實現 2）PlayerSettings.WebGL.emscriptenArgs設置無效的問題 3）Prefab對DLL中腳本的引用丟失 4）如何在第三人稱藍圖模板中獲得當前相機SpringArm的Target Arm Length 這是第386篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區

script , rendering , webgl , ui

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習：使用極座標參數方程和SDF繪製有趣的圖案

前言 本文將介紹如何使用極座標參數方程和上一篇文章提到的距離場SDF來繪製有趣的圖案。 説到曲線和幾何圖形的繪製，我們知道圖形系統默認支持的是通過直角座標繪製，但是有些曲線呢，不太容易使用直角座標系來表示，卻可以很方便地使用極座標來表示，這個時候我們可以選擇通過極座標和直角座標的相互轉換，來實現圖形的繪製。 下面我就用玫瑰線、花瓣線等曲線作為例子來進行演示。 在開始演示之前，我先簡單介紹下極座標和

webgl , canvas , 可視化 , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習 | 如何使用噪聲生成紋理

本文分享的是如何使用噪聲生成紋理。 首先，什麼是噪聲呢？在上篇文章中我介紹過一個生成隨機數的函數，利用隨機技巧我們生成了一個類似剪紙的圖案，那在自然界中，這種離散的隨機也是比較常見的，比如蟬鳴突然響起又突然停下，比如雨滴隨機落在一個位置，但是隨機和連續並存是更常見的情況，比如山脈的走向是隨機的，但山峯之間的高度又是連續的，比如天上的雲朵、水面的波紋等等。 那麼這種把隨機和連續結合起來，就形成了噪聲

webgl , 可視化 , 前端

收藏 評論

webyue 頭像

前端不太難 - 利用 WebGL 和 Three.js 實現多樓層商場地圖

引言 隨着時代的發展和科技的進步，人們的生活水平和消費需求不斷提高。商場作為購物、休閒、娛樂的綜合性場所，受到了越來越多消費者的青睞。然而，隨着商場規模的不斷擴大和樓層的增多，很多人在商場內總是感到迷茫，很難快速找到目標店家。為了解決這一問題，利用 WebGL 和 Three.js 技術實現多樓層商場地圖成為了一種新的解決方案。 WebGL 和 Three.js 簡介 WebGL 是一種用於在網頁

three.js , webgl

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習：如何使用後期處理通道增強圖像效果

前言 大家好，本文分享的是如何使用後期處理通道增強圖像效果，通過前面幾篇文章，我們瞭解了一些動態生成紋理的方法，比如符號距離場SDF、基於參數方程生成圖案、基於噪聲生成紋理，等等。這些生成紋理的技術有相似的地方，就是根據片元的紋理座標，對片元着色，直接生成紋理。 因為GPU是並行渲染的，每個像素的着色器程序是並行執行的，這樣的渲染很高效。但是在實際需求中，有時我們計算片元色值時，需要依賴周圍像素點

webgl , canvas , 可視化 , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - 可視化學習：如何用WebGL繪製3D物體

在之前的文章中，我們使用WebGL繪製了很多二維的圖形和圖像，在學習2D繪圖的時候，我們提過很多次關於GPU的高效渲染，但是2D圖形的繪製只展示了WebGL部分的能力，WebGL更強大的地方在於，它可以繪製各種3D圖形，而3D圖形能夠極大地增強可視化的表現能力。 相信很多小夥伴都對此有所耳聞，也有不少人學習WebGL，就是衝着它的3D繪圖能力。 接下來，我就用一個簡單的正立方體的例子來演示在Web

3d , webgl , 可視化 , 前端

收藏 評論

uwatechnologies 頭像

侑虎科技 - WebGL-編譯報錯，如何定位sendfile報錯位置

1）WebGL-編譯報錯，如何定位sendfile報錯位置 2）設置DepthBufferBits和設置DepthStencilFormat的區別 3）Unity打包exe後，遊戲內拉不起Steam的內購 4）使用了Play Asset Delivery提交版本被Google報錯 這是第395篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技

rendering , webgl , platform

收藏 評論

uwatechnologies 頭像

侑虎科技 - Shader預熱生成的內容會被RUUA卸載嗎

1）Shader預熱生成的內容會被RUUA卸載嗎 2）純WebGL可以實現微信小遊戲提供的WASM分包功能嗎 3）如何為單個實例添加命中計數 4）如何從藍圖中的for循環中獲得所有Index 這是第402篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技術知識點，助力大家更全面地掌握和學習。 UWA社區主頁：community.uwa4d.c

shader , script , webgl

收藏 評論

uwatechnologies 頭像

侑虎科技 - 開發微信小程序遊戲，有沒有類似Debug真機圖形的方法

1）開發微信小程序遊戲，有沒有類似Debug真機圖形的方法 2）Unity中如何實現動態實時的車削效果 3）動態創建的Texture，有什麼辦法可以讓他保持ASTC麼 4）Unity轉微信小遊戲的日誌問題 這是第416篇UWA技術知識分享的推送，精選了UWA社區的熱門話題，涵蓋了UWA問答、社區帖子等技術知識點，助力大家更全面地掌握和學習。 UWA社區主頁：community.

rendering , webgl , textures

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 純前端實現圖片偽3D視差效果

作者：vivo 互聯網前端團隊- Su Ning 本文通過depth-anything獲取圖片的深度圖，同時基於pixi.js，通過着色器編程，實現了通過深度圖驅動的偽3D效果。該方案支持鼠標/手勢與手機陀螺儀雙模式交互，在保證性能的同時，為不同終端用户提供沉浸式的視覺體驗。 本文提供配套演示代碼，可下載體驗： Github | vivo-parallax 一、引言 在當今的網頁設計與交互

pixi.js , webgl , 前端

收藏 評論

shumin_5bd11c2a4b889 頭像

suri - Cannot find module 'node:fs' 報錯解決 nuxt

問題描述 啓動項目報錯Cannot find module 'node:fs'，百度説是node版本問題，試了各種node版本還是不行（最開始是20.10.0，嘗試了降級到14、16都不行） 解決方法 更新nuxt版本，之前是2.14.6，更新為2.15.8問題解決，啓動後報另一個錯，增加安裝依賴@babel/plugin-proposal-private-property-in-object後問

nuxt.js , 前端

收藏 評論

mensaodebiandang 頭像

悶騷的便當 - Nuxt.js掌握其核心概念的示例代碼

Nuxt.js掌握其核心概念的示例代碼 Nuxt.js 是一個基於 Vue.js 的服務器渲染應用框架。通過 Nuxt.js，你可以快速地構建出性能出色的 Web 應用。 以下是掌握 Nuxt.js 核心概念的示例代碼： 項目初始化 首先，你需要全局安裝 nuxt： bash npm install -g nuxt 然後初始化一個新的 Nuxt.js 項目： bash nuxt init 接着進

nuxt.js

收藏 評論

kevinzhw 頭像

天涯學館 - Nuxt.js實戰：Vue.js的服務器端渲染框架

創建Nuxt.js項目 首先，確保你已經安裝了Node.js和yarn或npm。然後，通過命令行創建一個新的Nuxt.js項目： yarn create nuxt-app my-nuxt-project cd my-nuxt-project 在創建過程中，你可以選擇是否需要UI框架、預處理器等選項，根據需要配置。 目錄結構 Nuxt.js遵循特定的目錄結構，其中一些關鍵目錄如下： ├── .nux

vue.js , nuxt.js , 前端 , Javascript

收藏 評論

littlelyon 頭像

littlelyon - 使用 AST 遷移複雜前端項目的探索

寫在前面 也不知道為什麼，每一次工作變動，所接手的第一個項目，都和項目遷移有關。這次也不例外，在 5 月初入職樂天之後，處理完雜七雜八的事情，第一個接手的項目是將一個大概有 5 年開發週期的 nuxt 2 前端項目，遷移到 nuxt 3 版本。 項目遷移與“屎山” 談及項目遷移，尤其是複雜項目，很容易讓人把它和“屎山”聯繫起來，而事實上也是如此，大多數規模較大的項目，往往都具備“屎山”的各種特徵，

ast , vue.js , nuxt.js , 前端 , Javascript

收藏 評論

kaidiwen 頭像

Max迪丶先生 - 解決nuxt3初始化項目報錯問題

報錯問題： error: failed to download template from registry: failed to download https://raw.githubusercontent.com/nuxt/starter/templates/templates/v3.json: typeerror: fetch failed 原因是：raw.githubusercontent

vue.js , nuxt.js , seo , nuxtjs3 , nuxt3

收藏 評論

imba97 頭像

imba久期 - 用 Nuxt 寫了個簡歷並做了自動化

Nuxt Nuxt 是一個集成了前後端的框架，對於一些小型網站，不需要前後端分離的，是個好的選擇 比如最近就做了一個 me.imba97.cn，準備放一些關於我的一些東西 預覽 大概長這樣 Docker 除了這個簡歷，我把之前的《寫了個簡單的頁面，分享此時此刻在聽的歌》也遷過去了 你可以訪問 me.imba97.cn/playing 查看 之前接口是用的 PHP，因為涉及到後端，需要 Node

nuxt.js , 前端

收藏 評論

8848_62c77d4bb2532 頭像

Java陳序員 - 叮點跑腿！一套跑腿下單接單系統！

大家好，我是 Java陳序員。 今天，給大家介紹一套開源的跑腿下單接單系統！ 關注微信公眾號：【Java陳序員】，獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 ddrun —— 一套後端基於 Midway3.0、後台採用 Nuxt2.x、小程序採用 Uniapp 實現的跑腿下單接單系統。 系統實現了幫送服務、幫買服務、騎手註冊、騎手接單、用户下單、提現、訂單分配

微信小程序 , nuxt.js , node.js , MySQL

收藏 評論

lxlu 頭像

肥皂泡 - nuxt3 最新踩坑記錄

版本nuxt3.14 依賴vite+element-plus+scss nuxt文檔不清晰，版本問題也很多，要自己琢磨。 element-plus適配 ele集成用的推薦@element-plus/nuxt element-plus版本如果不是=2.8.8,要手動升級,不然!global assignments告警讓人奔潰 ele主題 // 全局樣式 css: ['~

nuxt.js , nuxtjs , nuxt3

收藏 評論

bigegaodeci 頭像

duoke球球 - Vue.js與Nuxt.js的區別

Vue.js與Nuxt.js都是前端的兩個框架，Vue.js的項目屬於單頁應用，而Nuxt.js是基於Vue.js的服務端渲染通用框架。 單頁應用簡稱SPA，指的是前端代碼將會在瀏覽器端被瀏覽器渲染。這對SEO優化不利，搜索引擎爬蟲，會爬到空的網頁。在Vue項目中，Vue會將JS交給瀏覽器渲染 因此，結果是查看源代碼沒有別的東西，搜索引擎爬蟲也基本只能看到這些，於是便直接下一個了，不會等你

vue.js , nuxt.js

收藏 評論

yqyx36 頭像

雲輕雨細 - 彈性雲三副本備份技術解析：2025年數據保護新標準

本文系轉載，轉載鏈接：彈性雲三副本備份技術解析：2025年數據保護新標準 數據存儲的工業級挑戰 據IDC《全球數據保護指數》報告顯示，2023年企業級用户遭遇數據丟失事件同比增長31%，其中雲環境數據異常佔比首次突破40%。面對日益複雜的網絡環境，三副本備份技術已成為雲存儲的黃金標準： 金融行業合規要求：銀保監會規定核心系統RTO（恢復時間目標）需＜15分鐘 製造業數據規模：某新能源車企每日

雲計算 , 存儲技術 , 備份方案

收藏 評論

huandanshendeshoushudao 頭像

慧星雲 - 魔多 AI 支持 Wan 系列在線訓練 ：解鎖視頻生成新高度

Wan 阿里巴巴通義實驗室推出的 Wan 系列模型憑藉突破性的技術架構與卓越的生成能力，成為行業關注的焦點。為助力開發者與創作者深挖視頻生成技術潛力，魔多 AI 社區正式宣佈全面支持通義萬相 Wan2.1 與 Wan2.2 兩款重磅視頻模型的訓練服務，為不同場景的創作需求提供專業級技術支撐。 Wan2.1Wan2.2 Wan2.1 Wan2.1 採用自研高效變分自編碼器（VAE）與

雲平台 , 雲計算 , 雲服務 , aigc

收藏 評論

ospo 頭像

字節跳動開源 - 開源可信MCP，AICC機密計算新升級！

項目地址｜github.com/volcengine/AICC-Trusted-MCP 大模型技術變革下，通常需藉助雲端算力和存儲資源，為端側提供更豐富的大模型應用場景體驗。與此同時，行業對端雲協作下的全鏈路安全和透明可信提出了更高要求。火山引擎AICC 機密計算應運而生，通過為企業搭建“雲端大模型安全屋”，實現公有云環境下敏感數據流轉和計算的全鏈路安全。 近日，火山引擎 AICC 機密計算迎來

雲計算 , mcp , aigc

收藏 評論

codexiaosheng 頭像

code小生 - 盤點這 7 款 Python 開源框架的優缺點

學習任何一門開發語言都離不開框架，一個框架就好比是一個毛坯房，只需要我們裝修就可以入住。如果沒有框架我們就只能一磚一瓦的去蓋樓房了。框架的種類很多，具體選擇要根據實際的業務情況。下面就簡單的介紹一下Python七款開源框架的優劣。 Django Django 應該是最出名的Python框架，GAE甚至Erlang都有框架受它影響。Django是走大而全的方向，它最出名的是其全自動化的管理後台：只需

django , 編程語言 , scrapy , Python

收藏 評論