+ Author: {{ comment.author.displayName }}
+
+
+Content: {{ comment.content }}
+CreatedAt: {{ comment.createdAt }}
+
+
+
+diff --git a/3dworld/src/app/component/comment-view/comment-div/comment-div.component.scss b/3dworld/src/app/component/comment-view/comment-div/comment-div.component.scss new file mode 100644 index 00000000..eb57334f --- /dev/null +++ b/3dworld/src/app/component/comment-view/comment-div/comment-div.component.scss @@ -0,0 +1,4 @@ +.text { + font-size: 15px; + color: white; +} diff --git a/3dworld/src/app/component/comment-view/comment-div/comment-div.component.spec.ts b/3dworld/src/app/component/comment-view/comment-div/comment-div.component.spec.ts new file mode 100644 index 00000000..9323919a --- /dev/null +++ b/3dworld/src/app/component/comment-view/comment-div/comment-div.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CommentDivComponent } from './comment-div.component'; + +describe('CommentDivComponent', () => { + let component: CommentDivComponent; + let fixture: ComponentFixture
Ratings For Chunk (x,z) = ({{ x }},{{ z }})
+
+
diff --git a/3dworld/src/app/component/comment-view/comment-view.component.scss b/3dworld/src/app/component/comment-view/comment-view.component.scss
new file mode 100644
index 00000000..2fb23608
--- /dev/null
+++ b/3dworld/src/app/component/comment-view/comment-view.component.scss
@@ -0,0 +1,13 @@
+.title {
+ font-size: 24px;
+ font-weight: bold;
+ padding: 10px 0px 10px 25px;
+ color: white;
+ background-color: #333;
+ border-radius: 7px 7px 0px 0px;
+}
+
+.comments-container {
+ background-color: #444;
+ padding: 20px 10px 10px 10px;
+}
diff --git a/3dworld/src/app/component/comment-view/comment-view.component.spec.ts b/3dworld/src/app/component/comment-view/comment-view.component.spec.ts
new file mode 100644
index 00000000..33774db7
--- /dev/null
+++ b/3dworld/src/app/component/comment-view/comment-view.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CommentViewComponent } from './comment-view.component';
+
+describe('CommentViewComponent', () => {
+ let component: CommentViewComponent;
+ let fixture: ComponentFixture
+
+
+
+
+ {{ notification.sender }} rated {{ notification.rating }}★
+
+In: {{ notification.worldName }}
+
+ At Chunk (x,z) = ({{ notification.chunk.x }},{{ notification.chunk.z }})
+
diff --git a/3dworld/src/app/component/notificationdiv/notificationdiv.component.scss b/3dworld/src/app/component/notificationdiv/notificationdiv.component.scss
new file mode 100644
index 00000000..8b2f957c
--- /dev/null
+++ b/3dworld/src/app/component/notificationdiv/notificationdiv.component.scss
@@ -0,0 +1,8 @@
+.world-title {
+ font-size: 26px;
+ font-weight: bold;
+}
+
+.world-content {
+ font-size: 18px;
+}
diff --git a/3dworld/src/app/component/notificationdiv/notificationdiv.component.spec.ts b/3dworld/src/app/component/notificationdiv/notificationdiv.component.spec.ts
new file mode 100644
index 00000000..44783a14
--- /dev/null
+++ b/3dworld/src/app/component/notificationdiv/notificationdiv.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NotificationdivComponent } from './notificationdiv.component';
+
+describe('NotificationdivComponent', () => {
+ let component: NotificationdivComponent;
+ let fixture: ComponentFixture
+ {{ upvotes }}
+
+ {{ downvotes }}
+
+
diff --git a/3dworld/src/app/component/vote/vote.component.scss b/3dworld/src/app/component/vote/vote.component.scss
new file mode 100644
index 00000000..5628cba3
--- /dev/null
+++ b/3dworld/src/app/component/vote/vote.component.scss
@@ -0,0 +1,13 @@
+.upvote-button {
+ background-image: url(../../../assets/up-arrow.png);
+ background-color: transparent;
+ width: 64px;
+ height: 64px;
+}
+
+.downvote-button {
+ background-image: url(../../../assets/down-arrow.png);
+ background-color: transparent;
+ width: 64px;
+ height: 64px;
+}
diff --git a/3dworld/src/app/component/vote/vote.component.ts b/3dworld/src/app/component/vote/vote.component.ts
new file mode 100644
index 00000000..993ba471
--- /dev/null
+++ b/3dworld/src/app/component/vote/vote.component.ts
@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+ selector: 'app-vote',
+ templateUrl: './vote.component.html',
+ styleUrls: ['./vote.component.scss'],
+})
+export class VoteComponent {
+ @Input() downvotes!: number;
+ @Input() upvotes!: number;
+
+ constructor() {}
+
+ //display the current vote
+ //prevent the user from voting more than once
+ voteDown() {
+ this.downvotes++;
+ }
+
+ voteUp() {
+ this.upvotes++;
+ }
+}
diff --git a/3dworld/src/app/component/world-object/world-object.component.html b/3dworld/src/app/component/world-object/world-object.component.html
new file mode 100644
index 00000000..a7539c67
--- /dev/null
+++ b/3dworld/src/app/component/world-object/world-object.component.html
@@ -0,0 +1,62 @@
+
+
diff --git a/3dworld/src/app/component/world-object/world-object.component.scss b/3dworld/src/app/component/world-object/world-object.component.scss
new file mode 100644
index 00000000..569b397a
--- /dev/null
+++ b/3dworld/src/app/component/world-object/world-object.component.scss
@@ -0,0 +1,48 @@
+.content {
+ font-size: 24px;
+}
+
+.canvas {
+ width: 100%;
+ height: 100%;
+ max-width: 100%;
+ max-height: 100%;
+ background-color: blue;
+ border: 2px solid #3c3d3f;
+ border-radius: 10px;
+ display: flex;
+}
+
+.canvas-container-style {
+ width: 100%;
+ height: 80%;
+ max-width: 100%;
+ max-height: 80%;
+ display: flex;
+ border-radius: 10px;
+ margin: 5px;
+}
+
+.container {
+ height: 100%;
+}
+
+.hidden {
+ visibility: hidden !important;
+ height: 0px !important;
+}
+
+#error {
+ color: red;
+}
+
+.comment-containers-container {
+ margin: 20px 20px 30px 20px;
+}
+
+.comment-button-container {
+ padding: 0px 10px 20px 10px;
+ background-color: #444;
+ border-bottom-left-radius: 10px;
+ border-bottom-right-radius: 10px;
+}
diff --git a/3dworld/src/app/component/world-object/world-object.component.spec.ts b/3dworld/src/app/component/world-object/world-object.component.spec.ts
new file mode 100644
index 00000000..621fe10d
--- /dev/null
+++ b/3dworld/src/app/component/world-object/world-object.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WorldObjectComponent } from './world-object.component';
+
+describe('WorldObjectComponent', () => {
+ let component: WorldObjectComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/3dworld/src/app/component/worlddiv/worlddiv.component.scss b/3dworld/src/app/component/worlddiv/worlddiv.component.scss
new file mode 100644
index 00000000..86913c37
--- /dev/null
+++ b/3dworld/src/app/component/worlddiv/worlddiv.component.scss
@@ -0,0 +1,12 @@
+.world-title {
+ font-size: 36px;
+ font-weight: bold;
+}
+
+.world-content {
+ font-size: 16px;
+}
+
+button {
+ margin: 10px 0px 0px 0px;
+}
diff --git a/3dworld/src/app/component/worlddiv/worlddiv.component.spec.ts b/3dworld/src/app/component/worlddiv/worlddiv.component.spec.ts
new file mode 100644
index 00000000..503b859d
--- /dev/null
+++ b/3dworld/src/app/component/worlddiv/worlddiv.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WorlddivComponent } from './worlddiv.component';
+
+describe('WorlddivComponent', () => {
+ let component: WorlddivComponent;
+ let fixture: ComponentFixture
+
+
+ {{ world.name }}
+
+ Description: {{ world.description }}
+ Rules: {{ world.rules }}
+
+
+
+
+ buildverse.live credits: ChatGPT, Stackoverflow, ThreeJS documentation
+
+ SketchFab Models:
+
+ "One Piece - Monkey D. Luffy" (https://skfb.ly/68qpR) by BSEV5 is licensed
+ under Creative Commons Attribution
+ (http://creativecommons.org/licenses/by/4.0/).
+
+ "TrashBot" (https://skfb.ly/oFAyS) by D3mtt is licensed under Creative Commons
+ Attribution (http://creativecommons.org/licenses/by/4.0/).
+
+ "Leaning tower of Pisa" (https://skfb.ly/6ZCFH) by Aglaiapoulida is licensed
+ under Creative Commons Attribution
+ (http://creativecommons.org/licenses/by/4.0/).
+
+ "Frog" (https://skfb.ly/6wIvC) by gooseg489 is licensed under Creative Commons
+ Attribution (http://creativecommons.org/licenses/by/4.0/).
+
+ "Shiba" (https://skfb.ly/6WxVW) by zixisun02 is licensed under Creative
+ Commons Attribution (http://creativecommons.org/licenses/by/4.0/).
+
+ "Shenron (Dragon Ball)" (https://skfb.ly/6GwJL) by Yanez Designs is licensed
+ under Creative Commons Attribution
+ (http://creativecommons.org/licenses/by/4.0/).
+
+ "China Architecture" (https://skfb.ly/o6KzO) by elbertzhou2018 is licensed
+ under Creative Commons Attribution
+ (http://creativecommons.org/licenses/by/4.0/).
+
+ "Chinese Architecture" (https://skfb.ly/IGpu) by tw.sharon.0714 is licensed
+ under Creative Commons Attribution
+ (http://creativecommons.org/licenses/by/4.0/).
+
+ Disclaimer: Only glTF zip files that are small will work well for loading
+ quickly into the world. Larger files will take longer to load.
+
Welcome to Buildverse!
++ BuildVerse is a 3D sandbox platform that allows players to add their creations + into a shared virtual world. Players can claim a plot of land and make changes + to it using a 3D modeling software of their choice, then submit this plot to + be displayed among other players' creations. +
+
Login/Signup to get started!
+ diff --git a/3dworld/src/app/pages/index/index.component.scss b/3dworld/src/app/pages/index/index.component.scss new file mode 100644 index 00000000..fcb93401 --- /dev/null +++ b/3dworld/src/app/pages/index/index.component.scss @@ -0,0 +1,16 @@ +.text { + text-align: center; +} + +p { + font-size: 24px; +} + +img { + margin: 20px; + width: 50%; +} +.img-container { + display: flex; + justify-content: center; +} diff --git a/3dworld/src/app/pages/index/index.component.spec.ts b/3dworld/src/app/pages/index/index.component.spec.ts new file mode 100644 index 00000000..13cc4261 --- /dev/null +++ b/3dworld/src/app/pages/index/index.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { IndexComponent } from './index.component'; + +describe('IndexComponent', () => { + let component: IndexComponent; + let fixture: ComponentFixture
+
diff --git a/3dworld/src/app/pages/profile/profile.component.scss b/3dworld/src/app/pages/profile/profile.component.scss
new file mode 100644
index 00000000..c7daa114
--- /dev/null
+++ b/3dworld/src/app/pages/profile/profile.component.scss
@@ -0,0 +1,24 @@
+.world {
+ border-radius: 10px;
+ font-size: 20px;
+ color: white;
+ background: #24252a;
+ padding: 10px 20px 10px 20px;
+ margin: 10px;
+}
+
+#change-display-name-form input {
+ margin: 0px 10px;
+ margin-top: -50px;
+ font-size: 16px;
+ padding: 3px;
+}
+
+.message-content {
+ font-size: 24px;
+}
+
+.center {
+ align-items: center;
+ text-align: center;
+}
diff --git a/3dworld/src/app/pages/profile/profile.component.spec.ts b/3dworld/src/app/pages/profile/profile.component.spec.ts
new file mode 100644
index 00000000..b8b42769
--- /dev/null
+++ b/3dworld/src/app/pages/profile/profile.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProfileComponent } from './profile.component';
+
+describe('ProfileComponent', () => {
+ let component: ProfileComponent;
+ let fixture: ComponentFixture
+
+
+ 
+
+
+ Welcome "{{ me.displayName }}"
+Change Display Name
+ + +Notifications
+
+
+
+
+
+
+
+You have claims in these worlds:
+
+
+
+ sign-in works!
diff --git a/3dworld/src/app/pages/sign-in/sign-in.component.scss b/3dworld/src/app/pages/sign-in/sign-in.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/3dworld/src/app/pages/sign-in/sign-in.component.spec.ts b/3dworld/src/app/pages/sign-in/sign-in.component.spec.ts new file mode 100644 index 00000000..73a65f1a --- /dev/null +++ b/3dworld/src/app/pages/sign-in/sign-in.component.spec.ts @@ -0,0 +1,22 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SignInComponent } from './sign-in.component'; + +describe('SignInComponent', () => { + let component: SignInComponent; + let fixture: ComponentFixture
+
diff --git a/3dworld/src/app/pages/worlds/worlds.component.scss b/3dworld/src/app/pages/worlds/worlds.component.scss
new file mode 100644
index 00000000..3c0b8b79
--- /dev/null
+++ b/3dworld/src/app/pages/worlds/worlds.component.scss
@@ -0,0 +1,14 @@
+.world {
+ border-radius: 10px;
+ font-size: 20px;
+ color: white;
+ padding: 10px 20px 10px 20px;
+ margin: 10px;
+ text-align: center;
+ align-items: center;
+ background: #24252a;
+}
+
+.message-content {
+ font-size: 24px;
+}
diff --git a/3dworld/src/app/pages/worlds/worlds.component.spec.ts b/3dworld/src/app/pages/worlds/worlds.component.spec.ts
new file mode 100644
index 00000000..e203fe81
--- /dev/null
+++ b/3dworld/src/app/pages/worlds/worlds.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WorldsComponent } from './worlds.component';
+
+describe('WorldsComponent', () => {
+ let component: WorldsComponent;
+ let fixture: ComponentFixture
+
+