Skip to content

Upload CTP page placeholder #235

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
nelsonlan01 merged 1 commit into from
Jan 19, 2026
Merged

Upload CTP page placeholder #235

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion assets/css/w3.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@charset "utf-8";


#project2, #project3, #project4, #project7, #project10, #project11, #project12, #project13, #project14, #project15, #project16, #uwe3dma, #uweixd, #uwecgd, #uweepub {
#project2, #project3, #project4, #project7, #project10, #project11, #project12, #project13, #project14, #project15, #project16, #uwe3dma, #uweixd, #uwecgd, #uwectp, #uweepub {



Expand Down
Binary file added assets/images/ProjectCards/main_projectuwectp.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
108 changes: 98 additions & 10 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1735,18 +1735,18 @@ <h3 class="project-title">【Academical】 "Companion" - 3D Animation </h3>
</li>


<!-- Project CTP
<!-- Project CTP-->
<li class="project-item active"
data-filter-item
data-category="project-owner, 3dma, multimedia-producing, academic">

<a href="#" data-open-project="UWECTP">
<a href="#" data-open-project="uwectp">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="link-outline"></ion-icon>
</div>
<img src="./assets/images/ProjectCards/UWECTP.png"
<img src="./assets/images/ProjectCards/main_projectuwectp.jpg"
alt="CTP"
loading="lazy">
</figure>
Expand All @@ -1756,7 +1756,7 @@ <h3 class="project-title">【Academical】 "From sprouting seed to progressive c
<p class="project-category">2nd 3D Animation Project</p>
</a>
</li>
-->


<!-- Project IXD-->
<li class="project-item active"
Expand Down Expand Up @@ -2064,7 +2064,7 @@ <h2 class="h2 article-title">Contact</h2>
</header>

<section class="about-text">
<p>Nelson still testing his MK2 personal website. </p>
<p>Nelson is still testing his MK2 personal website, with AI aid vibe-coding the template to transpose old content to the new MK2 website, and tailoring the layout and content. </p>
</section>


Expand Down Expand Up @@ -4580,7 +4580,7 @@ <h3 class="w3-center w3-myfont">【Introduction】</h3>
</div>
<h4 class=" "> ● This animation project is under the "3D Modelling and Animation" (3DMA) module project-based learning assignment, which was submitted on 24 December 2024.
<br>
Combined with another submitted work in this module, was awarded 74 marks in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme.
Combined with another submitted work in this module, was awarded 74 marks (Grade A/A+) in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme.
<br>
The sum of the module investments was 227.5 hours, including writing 2 papers and some animation project progress work.</h4>

Expand Down Expand Up @@ -4656,7 +4656,7 @@ <h3 class="w3-center w3-myfont">【Introduction】</h3>
</div>
<h4 class=" "> ● This complement is under the "Interaction Design" (IxD) module project-based learning assignment, which was submitted on 27 May 2025.
<br>
Combined with another submitted work in this module, was awarded 73 marks in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme.
Combined with another submitted work in this module, was awarded 73 marks (Grade A/A+) in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme.
<br>
The sum of the module investments was 188.375 hours, including writing 3 papers, a progress blog post website, a metaverse space in The Sandbox, an abstract concept of integration between metaverse and UI/UX design, and finally, related work files.</h4>

Expand Down Expand Up @@ -4760,7 +4760,7 @@ <h5 class=" "> ● Authors and Designer in this group contribution: Anthony C.,

<h5 class=" "> ● This complement is under the "Commercial Game Module" (CGD) module project-based learning assignment, which was submitted on 02 DEC 2024. </h5>
<br>
<h5 class=" "> ● Combined with another submitted work in this module, was awarded 71 marks in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme. </h5>
<h5 class=" "> ● Combined with another submitted work in this module, was awarded 71 marks (Grade A) in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme. </h5>
<br>
<h5 class=" "> ● This boardgame investment was 6.75 hours, another 43 hours of TDD and GDD contribution for the written submission in the digital game complement. </h5>

Expand Down Expand Up @@ -4856,6 +4856,91 @@ <h3 class="h3 article-title">Boardgame Backstory and Design Philosophy</h3>
</article>
<!-- Project uwecgd Content -->

<!-- Project uwectp Content -->
<article id="uwectp" class="uwectp" data-page="uwectp">
<header>
<h4 class="h4 article-title">【學術作品】 3D Animation -- From sprouting seed to progressive city (「芽生繁城」)</h4>
</header>
<section class="about-text">
<div class="w3-center">
<h4 class="w3-center w3-myfont">【學術作品 (學位程度)】 3D動畫作品 -- 「芽生繁城」</h4>
<h4 class="w3-center w3-myfont">Academic Artefact : 3D Animation -- From sprouting seed to progressive city </h4>
<h6 class="w3-center w3-myfont">注意：本專案規劃時以 英文 為主要語言，因此只提供 英文 版本。</h6>
<h6 class="w3-center w3-myfont">Only available in English, since project was planned in English as first language.</h6> <hr>
<br>

<h3 class="w3-center w3-myfont">【Introduction】</h3>
</div>
<h4 class=" "> ● These artefacts are part of the "Creative Technologies Project" (CTP) module's project-based learning assignment, which was submitted on May 19, 2025, and individually executed is enforced.
<br>
Combined with another submitted work in this module, was awarded 70 marks (Grade A) in the UK system, counting toward 30 credits to the BSc (Hons) Digital Media programme, and fulfilled graduation requirements.
<br>
The sum of the module investments was very thorough and rigorous, encompassing 298.5 hours, including writing three papers, progression work sketches/materials/meetings, two animation artefacts, three formal presentations, and related work files, as well as the project’s side product.</h4>


<br>

<h4 class="w3-center w3-myfont">【Used skill sectors】</h4>
<h5 class=" w3-myfont"> ● Autodesk Maya, Photoshop, Premiere Pro, Canva, Foley, Physical Tool of Animation Making, Font Design, Graphic Design, Unity (URP) particle system for animation </h5>

<br>
<hr>
<br>

<div class="">

<h3 class="=w3-center w3-myfont">【Media Artefacts】</h3>
<h4 class="w3-center w3-myfont">【Story】</h4>

Neko went back from the sea, a meteor, falling out of the sky.
<br> <br>
Just like a random friend on that day, told a boy that dressed in a red T-shirt and black pants:
<br> <br>
“What if I offer an opportunity to make a Minecraft server that cooperates with a local YouTuber?”
<br> <br>
Are you prepared to capture it?
<br> <br>

<h4 class=" w3-center w3-myfont">【Project Foreword – Personal Back-storytelling and Philosophy】</h4>

Nelson, the author, will make an animation project that is a type of “Project’s autobiography, or memoir”, introducing interesting past portfolios.
<br> <br>
Thus, the project would choose his rst game-related project, “Minecraft server hosting”, as a foundationof the story, and make it all happen, and the story does…
<br> <br>
“On 16 June 2016, my friend and author went to Mong Kok East because he want to build a new PC and host a considerable scale of Minecraft server that co-operated with a local Youtuber, he would like to seek author advices. Astonishingly, this is such a greatopportunity, falling out of the sky.
<br> <br>

With the exact wording as the above, there was no camera to record that day, to record all those happenings. Thus, the project shots would recreate those events, captures, and montages virtually, but mix some creative writing into it and then compose it into an animation project.
<br> <br>

<!--故事100字-->
<br><br><br>
<h4 class="w3-center w3-myfont">【Artefacts】</h4>
Pending to upload...Stay tune.
<br>



<!--片片片 圖圖圖-->
</div>
<br>
<div class="w3-center">

<h3 class="= w3-myfont">【Written Artefacts】</h3>
<!--除咗做作品之外仲要寫文 iframe-->
<h4 class=" w3-myfont">【Written Artefacts (I) -- Research Report】</h4>
<br>
<div style="position:relative;padding-top:max(60%,324px);width:100%;height:0;"><iframe style="position:absolute;border:none;width:100%;height:100%;left:0;top:0;" src="https://online.fliphtml5.com/nelsonlan_at_uwedigitalmedia/dpxt/" title="Nelson LAN @ UWE X SHAPE - Creative Technologies Project (Research Report ePublishing Version))" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" ></iframe></div>
<br>
<h4 class=" w3-myfont">【Written Artefacts (II) -- Production Report】</h4>
<br>
<div style="position:relative;padding-top:max(60%,324px);width:100%;height:0;"><iframe style="position:absolute;border:none;width:100%;height:100%;left:0;top:0;" src="https://online.fliphtml5.com/nelsonlan_at_uwedigitalmedia/okzc/" title="Nelson LAN @ UWE X SHAPE - Creative Technologies Project (Production Report ePublishing Version)" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" ></iframe></div>
<br>
</div>
</section>
</article>
<!-- Project uwectp ntent -->

<!-- Project ePublicationUWE Content-->
<article id="uweepub" class="uweepub" data-page="uweepub">
<header>
Expand All @@ -4867,18 +4952,21 @@ <h3 class="h3 article-title"> 數碼媒體 (榮譽) 理學士 學位程度 學

<h4 class="w3-center w3-myfont"> 數碼媒體 (榮譽) 理學士 學位程度 學術寫作 總覽</h4>
<h4 class="w3-center w3-myfont"> Academic Writing during BSc (Hons) Digital Media </h4>
<hr>


<h6 class="w3-center w3-myfont">注意：本專案規劃時以 英文 為主要語言，因此只提供 英文 版本。</h6>
<h6 class="w3-center w3-myfont">Only available in English, since project was planned in English as first language.</h6>
<br>
<hr>
<br>

<h3 class="w3-center w3-myfont">【Introduction】</h3>
</div>
<h6 class=" "> ● Here is the e-bookshelf of all written submissions during BSc (Hons) Digital Media.
<br>
● The academic writing constituded major part of this programme, which proved students' strong understanding in the field of digital media, computer graphics, game design and development, and beyond the programme treat.
<br>
● Most of the writing artefacts (>10 in total) were awarded in the range 71 - 76 (Grade A to A+).
<br>
</h6>
<br>
<h4 class="w3-center w3-myfont">【Used skill sectors】</h4>
Expand Down