Fix the issue where the screen turns black after creating a 2D UI and then creating a camera in a 3D scene.

src/core/scene/scene-process/service/camera.ts

@@ -355,7 +355,7 @@ export class CameraService extends BaseService<ICameraEvents> implements ICamera
      * 新增的 Camera 组件也需要 detach，与原始编辑器 ScenePreview.onComponentAdded 一致
      */
     detachNewSceneCamera(comp: any): void {
-        if (!comp || !(comp instanceof Camera) || !comp.camera) return;
+        if (!comp || !(comp instanceof Camera)) return;
         const editorMask = Layers.makeMaskInclude([
             Layers.Enum.GIZMOS,
             Layers.Enum.SCENE_GIZMO,

src/core/scene/scene-process/service/component/utils.ts

@@ -190,10 +190,17 @@ class ComponentUtils {
         },
 
         Camera(component: Camera, node: Node) {
-            component.visibility = Layers.makeMaskInclude([Layers.Enum.UI_3D, Layers.Enum.UI_2D]);
-            component.projection = Camera.ProjectionType.ORTHO;
-            component.near = 0;
-            component.clearFlags = Camera.ClearFlag.DEPTH_ONLY;
+            const { Service } = require('../core/decorator');
+            if (Service.Camera?.is2D) {
+                component.visibility = Layers.makeMaskInclude([Layers.Enum.UI_3D, Layers.Enum.UI_2D]);
+                component.projection = Camera.ProjectionType.ORTHO;
+                component.near = 0;
+                component.clearFlags = Camera.ClearFlag.DEPTH_ONLY;
+            } else {
+                component.visibility = Layers.Enum.DEFAULT;
+                component.projection = Camera.ProjectionType.PERSPECTIVE;
+                component.clearFlags = Camera.ClearFlag.SKYBOX;
+            }
         },
     };