Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. 知识库
  3. 三维积木
  4. 为物体添加高亮

为物体添加高亮

Scheduled Pinned Locked Moved 三维积木
1 Posts 1 Posters 840 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    CreatiCode TA 2
    wrote on last edited by admin
    #1

     

    预备知识

    • 添加模型

     

    介绍

    有的时候,你需要在你的场景中为一个物体添加高亮来吸引用户的注意力。物体的轮廓(线条)会被画上一个模糊的边界,所以看起来物体的周围正在散发一些光。需要注意的是,这些光不会被画在物体上面,者可以确保我们依然可以清晰地看见原本的物体。

    这里有2个例子:

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a22d2667-fce2-4269-a589-bb8cd5c25277.gif" width="400" style="border-radius: 5px; border: 1px solid #29622d;">
     

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/a44a1d5e-6c25-423e-92b0-dc5255bf3612.gif" width="400" style="border-radius: 5px; border: 1px solid #29622d;">
     

    要为一个物体添加高亮,你需要进行两个步骤:

    1. 创建一个高亮层。你可以把高亮层想象成一个画在三维世界上的二维画布。
    2. 把物体添加到高亮层,以便物体的轮廓会被画在高亮层中。

     
     

    创建一个高亮层

     

    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/afc2eb78-e906-496f-9abf-863461cb73e7.png" width="500" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">

     

    光晕大小

    这个输入控制高亮线条的宽度。通常你需要让数值不多于五。当光晕很大的时候,我们需要花费比较多时间来绘制。这是一个比较:

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/11e188bf-17cc-42e6-953a-9bb7c68d26d9.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
     

    名称

    第二个输入框指定了高亮层的名称。如果你只需要使用一层高亮层,那你不需要为它命名。如果你需要有很多层高亮层(我们接下来会讨论),那你会需要为它们命名,以方便后续指定它们。

     
     

    把物体添加到高亮层

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/59053d81-a9a7-4b90-88bf-6dc58f8e2fe2.png" width="450" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
     

    颜色

    你可以指定物体模糊轮廓的颜色。需要注意的是,你可以指定添加到同一高亮层的网格让他们有不一样的颜色。

    高亮层名称

    如果只会有一个高亮层,你不需要在这里指定它的名字。如果我们将会有好几个高亮层,这个输入框允许你指定物体将被添加到哪个高亮层。

     
     

    把物体从高亮层移除

    当一个物体在被加入到某个高亮层后,如果你想去掉它的高亮效果,你随时可以使用下面这个积木把它从那个高亮层移除掉:

    8455f123-e631-487a-b4c1-9de2898b9f58-image.png

     

    如果只会有一个高亮层,你不需要在这里指定它的名字。如果我们将会有好几个高亮层,这个输入框允许你指定物体将被从哪个高亮层移除出来。

     
     

    多层高亮层

    当很多个物体被添加到同一个高亮层,如果他们重叠,那他们的轮廓将会被合并,就好像他们是一个物体一样。换句话说,两个物体重叠的边缘将不会有高光层。

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/b5a2c365-622c-4476-8be6-44fd2e47dbdb.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
     

    以下是能够达成这个效果的程序:

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/10029b62-3e53-4d9b-a19a-610000856bba.png" width="780" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
     

    虽然如此,如果你要每个物体在它自己的轮廓都会有完整的高亮,你可以创建好几个高亮层,然后把每个物体都添加到自己的高亮层。

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/beb8ea70-e90f-45e4-ae33-e02b8e3d5bbc.gif" width="500" style="border-radius: 5px; border: 1px solid #29622d;">
     

    以下是能够达成这个效果的程序:

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/69a54fc6-4dc7-4576-9451-7df2f33f584e.png" width="780" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
     

     

    被高亮的物体会更突出

    当场景中拥有很多个物体而有些物体被高亮时,那些被高亮的物体对比起没有被高亮的物体常常会看起来更突出。换句话说,它们不会被阻挡在没有被高亮的物体后面。

    举个例子,在这个程序中,绿色的球被高亮了,而橙色球并没有被高亮。

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/ac6750e7-4ca9-48d8-959e-f2decf7ecc53.png" width="700" style="filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));">
     

    因此,当我们旋转摄像头时,就算绿色球在橙色球后方,我们依然可以完整地看到绿色球:

     
    https://cdncreaticodecom.b-cdn.net/scratch-gui-projects/forum/13fd6818-fc68-4b15-8cab-80e846d4b164.gif" width="400" style="border-radius: 5px; border: 1px solid #29622d;">
     

    1 Reply Last reply
    0
    • CreatiCodeI CreatiCode pinned this topic on

    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

    With your input, this post could be even better 💗

    Register Login
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode