V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Uang
V2EX  ›  JavaScript

怎么制作像 midjourney 官网一样的页面显示效果

  •  
  •   Uang · 2023-04-26 10:17:32 +08:00 · 2210 次点击
    这是一个创建于 567 天前的主题,其中的信息可能已经有所发展或是发生改变。
    新手想问一下怎么制作像 midjourney 官网一样的页面显示效果,好酷炫。
    是否有相似的项目,很想自己做一个!
    8 条回复    2023-05-05 08:43:39 +08:00
    xiaohundun
        1
    xiaohundun  
       2023-04-26 10:22:51 +08:00
    做个视频放上去😂
    SteveDoyle2
        2
    SteveDoyle2  
       2023-04-26 10:28:03 +08:00
    前端 js 代码不是公开的?
    SteveDoyle2
        3
    SteveDoyle2  
       2023-04-26 10:59:49 +08:00
    关键代码

    r.useEffect)((function() {
    if ("?animate=false" !== document.location.search)
    return C = document.getElementById("bannerSVG"),
    E = "/imagine close up, modern cowboy on a ranch, his eyes are filled with the cosmos, realistic\n /imagine city areal perspective. streets glowing, concrete architecture, green roofs, people on the streets\n /imagine the beginning of the universe by Monet\n /imagine looking up a never ending staircase by Jean Giraud Moebius\n /imagine abstract, cycle, organic, powerful, behance\n /imagine gorgeous bouquet still life painting in the style of Odilon Redon and Henri Fantin-Latour\n /imagine a warm sunny beach near an ocean full of pikachu's\n /imagine 3d render of gold rings, geometric, circles, triangles, psychedelic, infinity pool, eccojams, vaporwave, oneohtrix point never, golden hour, glossy reflections and light rays, portals into other worlds\n /imagine intricate jungle landscape by albrecht durer, henri rousseau, pieter brueghel the elder, mattisse\n /imagine cyberpunk cat rabbit hacker, googles, anime style\n /imagine banana with glasses dancing, ghibli style\n /imagine corgis dancing in vibrant victorian dresses, Rococo style, in a large luxurious ballroom\n /imagine A wise/meditating/fantasy wizard sitting in complex/intricate meadow with mountains/fields, painted by Japanese artist Koji Miromoto using detailed/hyperfine/lineart/print black paper ink techniques and exotic glowy psychedelic ink, autochrome colors/style. Stylized/detailed/textured, gradients, graduated colors, fine line details.\n /imagine 1960s illustration of the beginning of life on Earth\n /imagine commodore 1351 mouse. 80s sythwave style. hyper realistic\n /imagine map of steampunk desert\n /imagine francisco goya scene oil painting watercolor sci-fi science fiction cyberpunk time machine\n /imagine Portrait of a cyber glitch sorceress causing video corruption with her magic\n /imagine a realistic ancient temple, crumbling stone, vines, extreme detail, statues, octane render, volumetric fog, realistic lighting, reflections\n /imagine giant red crystals in a desert with two suns\n /imagine Robin Williams in the style of John Allison\n /imagine standing in front of a castle\n /imagine a professional photorealistic Portrait of an Astronaut by Peter Mohrbacher,Shaun Tan and Seb McKinnon,realistic eyes,realistic hair,,Beautiful Hit Tech costume and Helmet details,Beautiful dramatic dark moody lighting,Cinematographic Atmosphere,photorealism glossy magazine painting,Octane Render,Deep Color,8k Resolution,High Details,Flickr,DSLR,CGsociety,Artstation\n /imagine Matter condensed from energy, life built upon matter, consciousness upon life\n /imagine hyperreal swirling watercolors trapped in a soap bubble, 4k render\n /imagine beautiful painting of clouds with sunrise, by john martin, Trending on artstation, pastel aesthetic\n /imagine modern futuristic lampshade with art nouveau inspiration\n /imagine photo shot on Leica IIIf with 50mm f/2 Summar; 1/50 sec; f/4\n /imagine sharp alphabet typography by Walter Gropius\n /imagine four dogs playing poker in a crowded room, by Malcolm Liepke and Lovis Corinth, oilpainting\n /imagine invitation made with old paper written with cursive font pyrographic words in the center | red wax seal above in the top-left corner, cinematic light, artstation\n /imagine aisle view of the festival street market in AlUla, many booths, seating areas, natural materials, cinematic shot\n /imagine japanese temple, sakura, detailed oil painting, by Mateusz Urbanowicz\n /imagine a stegosaurus drawn by John Singer Sargent\n /imagine a mysterious forest with many fireflies, trees with large roots covered in moss, green vegetation, Studio Ghibli animation style, Japanese animation film background,\n /imagine the universe in our ancestors eyes\n /imagine The inside of a gothic cathedral that looks like a tropical alien utopian jungle rainforest, dramatic cinematic lighting\n /imagine A hero stands alone, artstation, highly detailed, cinematic\n /imagine symmetric texture repetition on a tree on a beautiful mountain landscape\n /imagine midcentury luchador mask, risograph\n /imagine ultra detailed line drawing, black and white and red, pen and ink, high tech cyberpunk geisha with headphones and sunglasses and VR goggles in style of Shohei Otomo\n /imagine interior of master bedroom in victorian mansion, window, dan mindel cinematography, 35mm, movie scene, pitch black, realistic lighting, perspective shots, moody atmosphere, light coming from outside, HDRI\n /imagine the alien robot queen holding a party at the dome castle in HQ Cloud City during a technicolor sunset\n /imagine corporate memphis style, mural, pride month, white background, vector, characters waving pride flags, celebration\n /imagine abstract painting of coral reef\n /imagine a calico cat taking a nap on a kiwi\n /imagine Dreamy landscape depiction inspired by the works of Katsushika Hokusai, trending on artstation\n /imagine garden bridge over swan pond monet garden lillies and hanging trees art\n /imagine green dragon roosting above its lair in the ruins of a fantasy medieval city\n /imagine rainwater flowing through a complex system of ancient stone pipes and a gargoyle watching\n /imagine butterflies flit in a sunlit field. Hiroshige Japanese woodblock print.\n /imagine an illustration of a wooden magic wand with an aura of void around it, stars glitter subtly around it, closeup, fantasy card game art trending on artstation concept art by Jason Chan".split("\n").map((function(e) {
    return e.replace(/\t/g, " ")
    }
    )),
    M = F.split("\n").map((function(e) {
    return e.replace(/\t/g, " ")
    }
    )),
    A = [],
    I = [],
    W(),
    window.addEventListener("resize", W),
    requestAnimationFrame(G),
    function() {
    window.removeEventListener("resize", W)
    }
    }


    function G(e) {
    if (requestAnimationFrame(G),
    B || (B = .001 * e),
    R || (R = e),
    !("visible" !== document.visibilityState || e - R < 42)) {
    R = e;
    for (var a = .001 * e - B, t = function(e) {
    return e < .5 ? (1 - D(1 - Math.pow(2 * e, 2))) / 2 : (D(1 - Math.pow(-2 * e + 2, 2)) + 1) / 2
    }(K(.5 * (a - 1), 0, 1)), n = (window.innerWidth,
    window.innerHeight,
    0); n < A.length; n++) {
    for (var i = "", r = "", s = 1 - 2 * n / A.length, c = 0; c < S; c++) {
    var o = 2 * c / S - 1
    , d = D(o * o + s * s)
    , l = .1 * a / H(.1, d)
    , f = P(l)
    , b = L(l)
    , u = o * f - s * b
    , m = q((o * b + s * f + 1) / 2 * S)
    , h = q((u + 1) / 2 * E.length) % E.length
    , g = m < 0 || m >= S || h < 0 || h >= A.length ? " " : E[h][m] || " ";
    if (n > O && n < O + M.length + 1 && c > T && c < T + M[0].length + 1) {
    var p = c - T - 1
    , x = n - O - 1
    , v = M[x][p] || g
    , y = " " != M[x][p - 1]
    , w = " " != M[x][p + 1];
    if (" " != v || y || w) {
    var j = g.charCodeAt(0)
    , _ = v.charCodeAt(0);
    r += g = String.fromCharCode(q(Z(j, _, t))),
    1 == t && (g = " ")
    } else
    r += " ";
    c == T + M[0].length && (I[x].textContent = r,
    I[x].setAttribute("fill-opacity", t))
    }
    i += g
    }
    A[n].textContent = i
    }
    }
    }
    knightdf
        4
    knightdf  
       2023-04-26 13:45:49 +08:00
    我觉得 remix 的更炫酷
    Uang
        5
    Uang  
    OP
       2023-05-04 09:56:20 +08:00
    @SteveDoyle2 谢谢你我刚看到消息,原来是这部分的代码,非常感谢!我去试试
    Uang
        6
    Uang  
    OP
       2023-05-04 10:10:22 +08:00
    @xiaohundun 不失为一种办法,但视频的话意味着需要制作一个视频,还要点击播放 hhhhh 太麻烦了感觉
    Uang
        7
    Uang  
    OP
       2023-05-04 10:10:53 +08:00
    @knightdf 请问是哪个 remix ,可否发我个网站看看
    knightdf
        8
    knightdf  
       2023-05-05 08:43:39 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4379 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:09 · PVG 12:09 · LAX 20:09 · JFK 23:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.