In the Android project, how to set the glsurfaceview of jme3 to be transparent and display the Android components of the gland

YHKing101 · March 2, 2021, 8:28am

Other areas of the glsurfaceview of the model can pass through the background color of the relative layout

I use jme3 3.3.2-stable in android studio

Anyone who has experience in this field can give us some advice. Thank you very much

daBlesr · March 2, 2021, 8:56am

In the JmeFragment that extends AndroidHarnessFragment you need to set eglAlphaBits = 8;. Does that help for you? In the AndroidHarnessFragment this property is explained:

  * Sets the desired number of Alpha bits for the surfaceview.  This affects
     * how the surfaceview is able to display Android views that are located
     * under the surfaceview jME uses to render the scenegraph.
     * 0 = Opaque surfaceview background (fastest)
     * 1-&gt;7 = Transparent surfaceview background
     * 8 or higher = Translucent surfaceview background
     * (default = 0)

And not sure, but you might also need to add this in your Jme Application:

viewPort.setClearFlags(true, true, true);
viewPort.setBackgroundColor(new ColorRGBA(0f, 0f, 0f, 0f));

YHKing101 · March 2, 2021, 9:30am

In the constructor, I set the this.eglAlphaBits = 8;
In the oncreateview function, set the view.setZOrderOnTop (false);
Set the viewport’s background 0, 0, 0, 0 in the app class
No effect
excess：
FilterPostProcessor fpp = new FilterPostProcessor(assetManager);
mBloom = new BloomFilter( BloomFilter.GlowMode.Objects );
mBloom.setBlurScale (3);
FXAAFilter filter = new FXAAFilter();
fpp.addFilter (mBloom);
fpp.addFilter (filter);
//4X anti aliasing
fpp.setNumSamples (6);
viewPort.addProcessor (fpp);

if no Filter to viewport,and no set the view.setZOrderOnTop (false);
glsurfaceview can pass through the background color of the relative layout
but no anti aliasing,The effect of the model is not good
and Glsurfaceview will cover the interface layout of Android

I don’t know how to make it right~~~

Pavl_G · March 2, 2021, 10:29am

I have developed a library that makes you able to run jme renderer on a GlSurfaceView then the result would take you to a cardView component , that you can use in xml regularly (as if it’s a button) on a RelativeLayout & avoid the pain of jmeFragment

A splash screen of your selection & your delay + finish listeners :

The current progress :

What you can do , if you use it now , notice the GUI not the game :

All the controls on this pic are Android views without a performance loss(except for the last pic , the speedometer & the tachometer are 2DTex & Lemur).

Check it here , check the example , because i havenot yet made the wiki…:

XML :

github.com

Scrappers-glitch/Superior-Extended-Engine/blob/e0ff540f5e11e31dc23d961560b5ba28d81b2551/demoApp/src/main/res/layout/activity_example.xml#L9


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".JMESurfaceViewExampleActivity.JmESurfaceViewExample">
    <!-- JmE Surface View -->
    <com.scrappers.superiorExtendedEngine.jmeSurfaceView.JmESurfaceView
        android:id="@+id/jmeSurfaceView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <Button
        android:id="@+id/test"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_alignParentEnd="true"
        android:layout_marginEnd="7dp"
        android:textColor="@color/pureWhite"

How to use it in java :

github.com

Scrappers-glitch/Superior-Extended-Engine/blob/e0ff540f5e11e31dc23d961560b5ba28d81b2551/demoApp/src/main/java/com/myGame/JMESurfaceViewExampleActivity/JmESurfaceViewExample.java#L23


import com.myGame.JmEGamePadExample.JmeGame;
import com.myGame.R;
import com.myGame.SystemVisibilityUI;
import com.scrappers.superiorExtendedEngine.gamePad.ControlButtonsView;
import com.scrappers.superiorExtendedEngine.jmeSurfaceView.dialog.OptionPane;
import com.scrappers.superiorExtendedEngine.jmeSurfaceView.JmESurfaceView;
import com.scrappers.superiorExtendedEngine.jmeSurfaceView.splashScreen.SplashScreen;
public class JmESurfaceViewExample extends AppCompatActivity {
    private JmESurfaceView jmESurfaceView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_example);
        final JmeGame jmeGame=new JmeGame(this);
        jmESurfaceView=findViewById(R.id.jmeSurfaceView);
        jmESurfaceView.setIgnoreAssertions(true);

The drivingWheel isnot yet updated , but the GameStick ,Speedometer are stable now , & you can have a SplashScreen now with the delay you specify ( well , this basically donot delay jme renderer , but it renders jme game asynchronously & then commands the jmeRenderer(GLThread) to join the UI thread after this period.

In a couple of days around , i will create a separate thread post for this , describing it in more depth , but for now , you can refer to the demoApp module inside this repo , & i will help if you find something wrong .

YHKing101 · March 10, 2021, 5:52am

I try your JmESurfaceView ，it‘s looks not good，The display effect is completely different from using jme3 fragment directly. The loaded model rotates in circles on the screen. Then, after the interface migration (Android studio project), the whole interface is confused. The level of the interface is incorrect. The destroyed interface will be displayed on the screen except jmesurfaceview area. I think the canvas is confused. I added it in the way of the example. I don’t know what causes this phenomenon

Pavl_G · March 10, 2021, 6:08am

Could you please show me an image illustrating ?

Edit : you can show me your code (activity code & jme code ) , remember if you didnot do :

jmeSurfaceView.setJmeGame(simpleApp: SimpleApplication);
jmeSurfaceView.startRenderer(100);

You will obviously have a black screen(broken).

Today , I will release new version & I will add test case for easy manipulation , because the demoApp module seems very messy.

YHKing101 · March 10, 2021, 9:10am

yes，My code is modelled on demoapp
The current results are as follows:
The screenshot of fragment effect using jme3 is as follows jme3fragment
The effect of using jmesurfaceview is as follows：

The model is rotating all the time. I don’t know why it is rotating all the time. There is no model rotation set

set JMESurfaceView：
jmesurfaceview.setEglBitsPerPixel(24);
jmesurfaceview.setEglAlphaBits(8);
jmesurfaceview.setEglDepthBits(16);
jmesurfaceview.setEglSamples(4);
jmesurfaceview.setEglStencilBits(0);
jmesurfaceview.setOnExceptionThrown(System.out::println);
jmesurfaceview.setSimpleApplication(new JME3DViewMain());
jmesurfaceview.startRenderer(100);

Please help to see if this phenomenon is caused by my improper use. Thank you very much

Pavl_G · March 10, 2021, 10:20am

Hi @YHKing101

if you havenot modified the JmeSurfaceView class by extending it , this will be

jmeSurfaceView.setJMEGame(simpleApplication : SimpleApplication);

But this doesn’t actually matter as long as you arenot getting NPEs or crashes.

This is not a bug , your screen is in PORTRAIT MODE as default for android activities , just make sure you set the attribute of android:screenOrientation to landscape mode.

android:screenOrientation="landscape"

github.com

Monkey-Droid/Superior-Extended-Engine/blob/3cf212c21e7c81a132ea1b79812e088be028ca3c/demoApp/src/main/AndroidManifest.xml#L23


      
              android:label="@string/app_name"
              android:roundIcon="@mipmap/ic_launcher_round"
              android:supportsRtl="true"
              android:largeHeap="true"
              android:manageSpaceActivity=".JMESurfaceViewExampleActivity.JmESurfaceViewExample"
              android:theme="@style/AppTheme.NoActionBar"
              android:extractNativeLibs="true"
          >
          
              <activity android:name=".JMESurfaceViewExampleActivity.JmESurfaceViewExample"
                  android:screenOrientation="landscape">
                  <intent-filter>
                      <action android:name="android.intent.action.MAIN" />
          
                      <category android:name="android.intent.category.LAUNCHER" />
                  </intent-filter>
              </activity>
              <activity android:name=".JmEGamePadExample.BluetoothLogic"
                       android:screenOrientation="landscape"  />
          </application>

Inside your activity tag in AndroidManifest.xml file , it basically fixes out your screen into LANDSCAPE , or enable your auto rotation in your emulator .

YHKing101 · March 10, 2021, 3:34pm

I USE [Night God simulator（夜神模拟器 NOX）] ，and set【android:screenOrientation=“landscape”】，The effect of setting the horizontal screen state is the same

I use 【mumu simulator（网易mumu模拟器）】，and no set【android:screenOrientation=“landscape”】The effect is correct

I think I need to replace the debugging simulator

thank you very much~~~

If I use jmesurfaceview, can I use JME engine to render models in multiple interfaces in an ordinary Android project?

Pavl_G · March 10, 2021, 5:17pm

Sorry , can you explain more ?

EDIT :

Use genymotion emulator it’s better & lightweight & directly connected to android studio through genymotion device manager :

Pavl_G · March 10, 2021, 6:51pm

If you mean using multiple Jme Renders or multiple Jme games at the same screen , ofc you can , but seriously , i didnot try , all right here’s the steps for testing this out , but remember it will lead to performance drop down if you have heavy scenes :

Steps to do multiple rendering on android using JmeSurfaceView :

Create an activity
add <LinearLayout> .... </LinearLayout> in your activity design stack , setting the orientation:"vertical" which means components are separated vertically.
add 2 tags <com.scrappers.SuperiorPlugin.jmeSurfaceView.JmeSurfaceView> ... </com.scrappers.SuperiorPlugin.jmeSurfaceView.JmeSurfaceView> there you are , each one must have different id.
navigate to your MainActiviy.java & there do the code 2 times one for the 1st jmeSurfaceView component & the 2nd for the second one ( 2 different instances) , & you are done , post the results with you test & experience here please.

TIPS : you can do an array of JmeSurfaceView that holds 2 instances & loop over to minimize code , also you could set the same jme game for both for testing purposes.

YHKing101 · March 11, 2021, 1:19am

It is an Android simulator provided by Netease

Pavl_G · March 11, 2021, 1:20am

its okay , if its working but itsnot officially supported by android developers google.

YHKing101 · March 11, 2021, 2:04am

thank you very much~~~
If JME engine provides something like Rajawali, creating surface view dynamically for engine, of course, I don’t know the source code, ha ha ha

Pavl_G · March 11, 2021, 7:51am

This is not a surface view it’s multiple camera views technique , technically multiple JmeSurfaceView means multiple games in the same monitor , this is not good.